-1

我想知道是否有一种方法可以根据其值更改列表视图中特定行的文本颜色，仅使用 javascript，不使用 c#。具体来说，我希望能够做到这一点，如果 TWA 值小于 90，则文本应为绿色，否则为红色。

这是我的代码：

 <asp:ListView id="YourListView"  runat="server" DataSourceID="SqlDataSource3"  EnableViewState="False"  EditIndex="0" SelectedIndex="0">                                                                                                                                                               


<ItemTemplate>  
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") %>' />

                   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") %>' />


感谢您提供的任何帮助

4

2 回答 2

0

ListView 没有 CSSClass 属性。

一种可行的替代方法是将列表视图的内容包装在 div 中并将样式应用于 div。

举个例子：

标记：

<asp:ListView>
    <ItemTemplate>
        <div id="listViewDiv">
            <!-- Content goes here. -->
        </div>
    </ItemTemplate>
</asp:ListView>

JavaScript：

document.getElementById('listViewDiv').style.width = '300px';
于 2013-07-17T16:54:26.923 回答
0

如果 jQuery 是您的 JavaScript 的一个选项，您可以使用它的 .each 选择器来迭代每个 TWA 标签项，评估值并根据值应用内联样式或 css 类。

于 2013-07-17T16:50:47.797 回答