如何在C＃Web應用程序的網格中更改所選行的顏色？

Question

我想更改網格中選定的特定行的顏色。 我的Web應用程序怎么可能？ 請給我建議。

Answer 1

您必須在代碼隱藏的每一行中添加一些javascript。 處理onmouseover事件並更改背景顏色： 根據條件更改GridView行顏色

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>