突出显示选定的行 GridView答案

【问题标题】：Highlighting the Selected Row GridView突出显示选定的行 GridView
【发布时间】：2011-06-16 06:44:03
【问题描述】：

当用户从 gridview 中单击编辑时，我想突出显示该行，这就是我所做的，但没有效果。我还缺少什么？

.SelectedRowStyle
{
    background-color: Yellow;
}

<asp:GridView runat="server" CssClass="DataWebControlStyle">
   <AlternatingRowStyle CssClass="AlternatingRowStyle" />
   <RowStyle CssClass="RowStyle" />
   <HeaderStyle CssClass="HeaderStyle" />
   <SelectedRowStyle CssClass="SelectedRowStyle" />
</asp:GridView>

【问题讨论】：

标签： asp.net css gridview

【解决方案1】：

你试过EditRowStyle吗？

.EditRowStyle
{
    background-color: Yellow;
}

<asp:GridView runat="server" CssClass="DataWebControlStyle">
   <AlternatingRowStyle CssClass="AlternatingRowStyle" />
   <RowStyle CssClass="RowStyle" />
   <HeaderStyle CssClass="HeaderStyle" />
   <EditRowStyle CssClass="EditRowStyle" />
</asp:GridView>

【讨论】：

我刚刚尝试了editrowstyle但没有突出显示该行，可能是因为回发？
可能是因为CssClass 与 CSS 类无关

【解决方案2】：

这是我能够解决的方法：

if ((e.Row.RowType == DataControlRowType.DataRow & ((e.Row.RowState & DataControlRowState.Edit) == DataControlRowState.Edit))) {   
         e.Row.BackColor = Drawing.Color.Yellow;   
     }

【讨论】：

瑞克，很抱歉回复晚了，但我不记得我在哪里添加了。

【解决方案3】：

EditRowStyle 类应用于<tr> 而不是<td>。因此，如果您执行.SelectedRowStyle td，则 css 将被正确应用。

这是我用的：

<EditRowStyle CssClass="selectedRowStyle" />

然后是 CSS

.selectedRowStyle td
{
    background-color: green;
}

【讨论】：

【解决方案4】：

这行代码可能对你有帮助：

.DataWebControlStyle tr:hover
{
    background-color: Yellow;
}

<asp:GridView runat="server" CssClass="DataWebControlStyle">
   <AlternatingRowStyle CssClass="AlternatingRowStyle" />
   <RowStyle CssClass="RowStyle" />
   <HeaderStyle CssClass="HeaderStyle" />
</asp:GridView>

【讨论】：