如何在C＃Web应用程序中更改网格中所选行的颜色？

Question

我想更改网格中选定的特定行的颜色。我的网络应用程序怎么可能？请建议我。

Answer 1

你必须在代码隐藏的每一行添加一些javascript。处理onmouseover事件并更改背景颜色： Change GridView row color based on condition

Answer 2

将onclick javascript函数附加到每个复选框，如果选中该复选框，则将一些css类分配给该行，这将突出显示整行。

Answer 3

在GridView中，添加SelectedRowStyle属性并使用BackColor属性设置所选行的颜色。

所以你的GridView看起来像这样：

<asp:GridView ID="GridTest" runat="server" DataSourceID=... >
   <Columns>
   ...
   </Columns>
   <SelectedRowStyle BackColor="#E2DED6"/>
</asp:GridView>

Answer 4

如果这是我们在此讨论的GridView控件，那么您可以使用<SelectedRowStyle>

<asp:GridView id="GridView1" runat="Server">

    <Columns></Columns>

    <SelectedRowStyle CssClass="selectedRowStyle" BackColor="LightCyan"
        ForeColor="DarkBlue"
        Font-Bold="true" />

</asp:GridView>

相应地设置它。

Answer 5

试试这个

    <style type="text/css">
    .row-highlight
    {
        background-color: Yellow;
    }
    .row-select
    {
        background-color: red;
    }
</style>

<asp:GridView ID="GridView1" runat="server">

</asp:GridView>
<script type="text/javascript">
    $(function () {
        var tr = $('#<%= GridView1.ClientID %>').find('tr');

        tr.hover(
             function () {  // mouseover
                 $(this).addClass('row-highlight');
             },
             function () {  // mouseout
                 $(this).removeClass('row-highlight');
             }
        );
        tr.click(function() {
            $(this).addClass('row-select');
        });
    });

</script>