繁体   English   中英

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

How do I change color of selected Row in the Grid in C# web application?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

在此处输入图片说明 我想更改网格中选定的特定行的颜色。 我的Web应用程序怎么可能? 请给我建议。

5 个回复

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

在每个复选框上附加一个onclick javascript函数,然后选中该复选框,然后为该行分配一些CSS类,这将突出显示整个行。

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

因此,您的GridView将如下所示:

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

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

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

    <Columns></Columns>

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

</asp:GridView>

相应地设置样式。

尝试这个

    <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>
1 在ASP.NET C#中更改网格视图的选定行的颜色

我有一个网格视图来显示消息列表。 每行都有一个查看按钮,可以在弹出框中看到消息的更多详细信息。 现在,我想在读取消息即灰色时更改行的颜色。 最初,网格视图中消息的颜色也会不同。读取消息的行颜色应与未读消息不同。 一旦阅读,颜色将永久改变。 新添加的未读行消息必须是彩色(红色)并且一 ...

4 选中后,如何更改UITableView行的颜色?

我一直在寻找解决方案,但尚未找到可行的方法。 我要做的就是能够更改背景颜色或我选择的UITableView行的图像。 当我选择一行时,我习惯于仅转换视图,但是这次我希望能够更改该行的属性。 我知道我要使用indexPath.row更改哪一行,但是我不知道如何更改行的外观,因为已经调用了 ...

7 如何以角度更改剑道网格中选定行的颜色

嗨,我正在引导程序模态弹出窗口上动态加载剑道网格,我正在以角度定义该特定组件的 .css 文件中的类,但仍未应用颜色仍然显示选定行的红色。 以下是剑道网格的代码 以下是css文件中的代码 即使在应用背景颜色后,我也会在红色背景中获取选定的行。 ...

8 如何更改gwt-ext网格中选定行的颜色?

我想在我的应用程序中更改选定的网格行的颜色(gwt-ext网格)。 为此,我这样做: 但是它会永久更改行的颜色,当我在另一行上选择它时,先前选择的行应该是其先前的颜色。 所以我不知道该怎么做才能改变gwt-ext网格中选定行的颜色。 我还想知道如何更改网格行的文本颜色? ...

10 选中时更改网格行的背景颜色

我的itemscontrol当前正在正确加载每一行。 我试图让它改变用户选择时每行的背景颜色。 当前看起来像这样: 我尝试添加一个DataTemplate.Triggers但它并没有做任何事情。 您如何准确地检测到items控件中的一行已被选中? 我发现的唯一示例使用了da ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM