知识大全 gridview行颜色渐变

Posted 2022-07-18 知

篇首语：熟读唐诗三百首，不会作诗也会吟。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 gridview行颜色渐变相关的知识，希望对你有一定的参考价值。

　　行之间颜色间隔:

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

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

　　鼠标滑过颜色变化

　　gridview

　　代码

　　 protected void GridView _RowDataBound(object sender GridViewRowEventArgs e)

　　 if (e Row RowType == DataControlRowType DataRow)

　　 e Row Attributes Add( onmouseover currentColor=this style backgroundColor;this style backgroundColor= #E D );

　　 e Row Attributes Add( onmouseout this style backgroundColor=currentColor );

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

　　e Row Attributes Add( onclick this style backgroundColor= 颜色 ; lor= buttontext ;this style cursor= default ; );

　　datagird:

　　代码

　　 protected void dgValueInfo_ItemDataBound(object sender DataGridItemEventArgs e)

　　 if (e Item ItemIndex != )

　　 e Item Cells[ ] Text = (e Item ItemIndex + ) ToString();

　　 ListItemType itemType = e Item ItemType;

　　 if (itemType == ListItemType Item)

　　 e Item Attributes Add( onmouseover e=this style backgroundColor; this style backgroundColor= #FBF F );

　　 e Item Attributes Add( onmouseout this style backgroundColor=e );

　　datalist:

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

　　代码

　　 <asp:DataList ID= dlMain runat= server >

　　 <asp:Table ID= tabHeader runat= server CssClass= gridviewHead >

　　 <asp:TableRow CssClass= Header >

　　 <asp:TableCell CssClass= gridviewHead >序号 </asp:TableCell>

　　 </asp:TableRow>

　　 </asp:Table>

　　 </HeaderTemplate>

　　 <asp:Table ID= tabItem runat= server CssClass= GridTableTDCenter >

　　 <asp:TableRow onmouseover= currentColor=this style backgroundColor;this style backgroundColor= #FBF F onmouseout= this style backgroundColor=currentColor>

　　 <asp:TableCell CssClass= GridTableTDCenter ><#Container ItemIndex+ %></asp:TableCell>

　　 </asp:TableRow>

　　 </asp:Table>

　　 </ItemTemplate>

　　 </asp:DataList>

cha138/Article/program/net/201311/11310