Javascript 如何基于Access数据库值更改文本颜色Asp.net

Javascript 如何基于Access数据库值更改文本颜色Asp.net,javascript,asp.net,Javascript,Asp.net,我正在使用ListView显示从access数据库获取的数据项的视图。这是我的列表视图代码: <asp:ListView id="ListView2" runat="server" DataSourceID="SqlDataSource3" EnableViewState="False"> <AlternatingItemTemplate> <span style="background-color: white;color: white;">

我正在使用ListView显示从access数据库获取的数据项的视图。这是我的列表视图代码:

<asp:ListView id="ListView2" runat="server" DataSourceID="SqlDataSource3"  EnableViewState="False">
<AlternatingItemTemplate>
    <span style="background-color: white;color: white;">
    Plant Name:
    <asp:Label id="PlantLabel" runat="server" Text='<%# Eval("Plant") %>' />
    <br />
    Department #:
    <asp:Label id="column1Label" runat="server" Text='<%# Eval("column1") %>' />
    <br />
    Department Name:
    <asp:Label id="GroupLabel" runat="server" Text='<%# Eval("Group") %>' />
    <br />
    Job Code:
    <asp:Label id="Job_CodeLabel" runat="server" Text='<%# Eval("Job_Code") %>' />
    <br />
    TWA:
    <asp:Label id="TWALabel" runat="server" Text='<%# Eval("TWA") %>' />
    <br />
    Job Classification:
    <asp:Label id="Job_ClassificationLabel" runat="server" Text='<%# Eval("Job_Classification") %>' />
    <br />
    Job Function:
    <asp:Label id="Job_FunctionLabel" runat="server" Text='<%# Eval("Job_Function") %>' />
    <br />
    Job Description:
    <asp:Label id="Job_DescriptionLabel" runat="server" Text='<%# Eval("Job_Description") %>' />

工厂名称:

部门:
部门名称:
职务代码:
环球航空:
职位分类:
职务职能:
职位描述:

我能够在TWA值>=85和=90时变为红色,当TWA值<85时变为绿色。我该怎么做呢。我正在使用Javascript、html、asp.net(C#)。任何帮助都将不胜感激

我会先为您想要的两种颜色设置样式,然后在
OnDataBinding
事件中实现以下功能,如果需要,您可以将其重新用于其他标签:

<asp:Label id="TWALabel" runat="server" OnDataBinding="YourLabel_DataBinding" />

然后在你的C代码中:

受保护的无效标签\u数据绑定(对象发送方,System.EventArgs e)
{
标签lbl=(标签)(发送方);
int TWA=(int)(评估(“TWA”);
lbl.Text=TWA.ToString();
如果(TWA>=85)
{
如果(TWA<90)
{
lbl.CssClass=“yourYellowClass”;
}
其他的
{
lbl.CssClass=“yourRedClass”;
}
}
//否则什么也不做,因为低于85只是将默认值设置为绿色(例如yourGreenClass)。。。
}

请花点时间格式化您的代码。您还有其他建议吗?@mateen esfahanian您了解代码的工作原理吗?如果您创建了类并正确地包含它们并调整了代码,那么它应该可以工作。错误?也不确定为什么您的模板中有一个白对白的
span
。.YellowThis{background color:yellow;}.RedThis{background color:red;}.GreenThis{background color:green;}受保护的void YourLabel\u数据绑定(对象发送方,System.EventArgs e){Label lbl=(Label)(sender);int TWA=(int)(Eval(“TWA”);lbl.Text=TWA.ToString();if(TWA>=85){if(TWA<90){lbl.CssClass=“YellowThis”;}else{lbl.CssClass=“RedThis”}else{lbl.CssClass=“GreenThis”;}@mateen esfahanian添加代码无助于我帮助你…你了解它是如何工作的吗?你尝试过跟踪它吗?
OnDataBinding
事件触发了吗?你可以做很多事情来帮助自己…@Kelsey在我看来,当我添加OnDataBinding=“YourLabel\u DataBinding”时对于该行,它会导致数据不触发。当我删除该行时,我恢复正常,数据触发只是没有彩色涂层。因此我认为我的数据有问题,对吗?
protected void YourLabel_DataBinding(object sender, System.EventArgs e)
{
    Label lbl = (Label)(sender);
    int TWA = (int)(Eval("TWA"));
    lbl.Text = TWA.ToString();
    if (TWA >= 85)
    {
        if (TWA < 90)
        {
            lbl.CssClass = "yourYellowClass";
        }
        else
        {
            lbl.CssClass = "yourRedClass";
        }
    }
    // else do nothing since below 85 just have the default as green (eg. yourGreenClass)...
}