2

在此处输入图像描述我想更改网格中选定的特定行的颜色。我的网络应用程序怎么可能？请给我建议。

4

5 回答 5

0

您必须在代码隐藏的每一行中添加一些 javascript。处理 onmouseover 事件并更改背景颜色： 根据条件更改 GridView 行颜色

于 2012-09-13T08:25:33.770 回答
0

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

于 2012-09-13T08:27:56.367 回答
0

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

因此，您的 GridView 将如下所示：

<asp:GridView ID="GridTest" runat="server" DataSourceID=... >
   <Columns>
   ...
   </Columns>
   <SelectedRowStyle BackColor="#E2DED6"/>
</asp:GridView>
于 2012-09-13T08:31:44.353 回答
0

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

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

    <Columns></Columns>

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

</asp:GridView>

相应地进行样式设置。

于 2012-09-13T08:32:54.010 回答
0

试试这个

    <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>
于 2012-09-13T08:53:09.837 回答