gridview行颜色渐变

最新推荐文章于 2023-11-13 16:05:01 发布

天为我蓝

最新推荐文章于 2023-11-13 16:05:01 发布

阅读量239

点赞数 1

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/pfs1314/archive/2010/03/17/1688451.html

博客介绍了GridView、DataList/DataGrid控件行之间颜色间隔的设置代码，还提到鼠标滑过颜色变化用类似方式可能无效，可考虑在页面或table的tr中实现，并给出了转载来源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

行之间颜色间隔:

gridview：<AlternatingRowStyle ForeColor="#ffffff" BackColor="#ECECEC" />

datalist/datagrid：<AlternatingItemStyle ForeColor="#ffffff" BackColor="#ECECEC" />

鼠标滑过颜色变化：

gridview：

代码

1 protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
2 {
3 if (e.Row.RowType == DataControlRowType.DataRow)
4 {
5 e.Row.Attributes.Add("onmouseover", "currentColor=this.style.backgroundColor;this.style.backgroundColor='#E8D098'");
6 e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=currentColor");

　　　　　　　　//单击行改变行背景颜色

e.Row.Attributes.Add("onclick","this.style.backgroundColor='颜色'; this.style.color='buttontext';this.style.cursor='default';");

7 }
8 }

datagird:

代码

1 protected void dgValueInfo_ItemDataBound(object sender, DataGridItemEventArgs e)
2 {
3 if (e.Item.ItemIndex != -1)
4 {
5 e.Item.Cells[0].Text = (e.Item.ItemIndex + 1).ToString();
6 ListItemType itemType = e.Item.ItemType;
7 if (itemType == ListItemType.Item)
8 {
9 e.Item.Attributes.Add("onmouseover", "e=this.style.backgroundColor; this.style.backgroundColor='#FBF9F9'");
10 e.Item.Attributes.Add("onmouseout", "this.style.backgroundColor=e");
11 }
12 }
13 }

datalist:

这个用类似上面的方式好像没有效果，所以可以考虑在页面去实现：

代码

1 <asp:DataList ID="dlMain" runat="server" >
2 <AlternatingItemStyle ForeColor="#ffffff" BackColor="#ECECEC" />
3 <HeaderTemplate>
4 <asp:Table ID="tabHeader" runat="server" CssClass="gridviewHead">
5 <asp:TableRow CssClass="Header">
6 <asp:TableCell CssClass="gridviewHead">序号 </asp:TableCell>
7 </asp:TableRow>
8 </asp:Table>
9 </HeaderTemplate>
10 <ItemTemplate>
11 <asp:Table ID="tabItem" runat="server" CssClass="GridTableTDCenter">
12 <asp:TableRow onmouseover="currentColor=this.style.backgroundColor;this.style.backgroundColor='#FBF9F9'" onmouseout="this.style.backgroundColor=currentColor>
13 <asp:TableCell CssClass="GridTableTDCenter"><#Container.ItemIndex+1%></asp:TableCell>
14 </asp:TableRow>
15 </asp:Table>
16 </ItemTemplate>
17 </asp:DataList>

或者有table,则在tr中实现....

转载于:https://www.cnblogs.com/pfs1314/archive/2010/03/17/1688451.html