Question

我想知道是否有办法根据其值更改列表视图中特定行的文本颜色，仅使用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") %>' />

感谢您给予的任何帮助

Answer 1

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

Answer 2

ListView没有CSSClass属性。

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

举个例子：

<强>标记：

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

<强> JavaScript的：

document.getElementById('listViewDiv').style.width = '300px';

有没有办法使用javascript而不是C＃来更改列表视图的文本颜色？

2 个答案: