GridView 行颜色变化
需求1:
1》鼠标在某行上时该行背景色变成黄色
2》鼠标离开某行时该行背景色还原到默认颜色
3》鼠标点击某行时该行背景色变成浅绿色,上次点击的行背景色还原到默认颜色
实现的Code
protected void GridView1_RowDataBound( object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { //当鼠标放上去的时候 先保存当前行的背景颜色 并给附一颜色 e.Row.Attributes.Add( "onmouseover" , "currentcolor=this.style.backgroundColor;this.style.backgroundColor='yellow',this.style.fontWeight='';" ); //当鼠标离开的时候 将背景颜色还原的以前的颜色 e.Row.Attributes.Add( "onmouseout" , "this.style.backgroundColor=this.style.backgroundColor=='#99cc00'? '#99cc00':currentcolor,this.style.fontWeight='';" ); //当鼠标点击将背景颜色改变 e.Row.Attributes.Add( "onclick" , "if(lastck){lastck.style.backgroundColor=currentcolor;} lastck=this; this.style.backgroundColor='#99cc00'; this.style.color='buttontext';this.style.cursor='default';" ); } } |
页面中添加一个JS变量
<script type= "text/javascript" > var lastck= null ; </script> |
老虞,Gopher,golang主页:http://howdo.cnblogs.com/
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步