GridView 行颜色变化

为什么80%的码农都做不了架构师？>>>

需求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>

转载于:https://my.oschina.net/howdo/blog/481291

GridView 行颜色变化相关推荐

利用JavaScript选择GridView行
当我们想在GridView中添加删除.选择功能时,我们通常的做法是利用模板功能在每行添加一个按钮控件或者超链接按钮控件,单击按钮利用RowCommand获取每行的ID. 下面我们利用JavaScrip ...
Tips/Tricks#3：利用JavaScript选择GridView行
利用JavaScript选择GridView行本篇技巧和诀窍记录的是:利用JavaScript选择GridView行. 当我们想在GridView中添加删除.选择功能时,我们通常的做法是利用模板功能 ...
Dev中GridView——背景颜色改变
DevExpress.XtraGrid.Views 设置指定行的背景颜色 1.事件:CustomDrawCell 2.示例: private void gridView1_CustomDrawCel ...
CSS3背景颜色变化、平移的动画效果
CSS3动画:变换颜色和平移开发工具与关键技术:DW-CSS3动画+关键帧作者:徐晶旗撰写时间:2019年1月18日 1.首先我在html中建立一个div标签,加上一个class的类,给它的类命 ...
java 歌词颜色变色_Axure教程：音乐播放器中，带时间的进度条/歌词颜色变化/旋转元件...
原标题:Axure教程:音乐播放器中,带时间的进度条/歌词颜色变化/旋转元件本文以QQ音乐为例,实现了带时间的进度条.歌词颜色变化.唱片旋转.暂停播放等原型交互. 一.效果展示体验地址:https ...
html带颜色表格怎么做,使用HTML添加表格4（行颜色与表格嵌套）——零基础自学网页制作...
行颜色设置的简便方法使用HTML添加表格4(行颜色与表格嵌套)--零基础自学网页制作昨天我们在<使用HTML添加表格3(间距与颜色)--零基础自学网页制作>(目录在结尾)中学习了设置单 ...
php实现简单密码（代码颜色变化）
php实现简单密码(代码颜色变化) 一.总结一句话总结:写代码的时候一定要关注代码的颜色变化,不然低级错误害死人.常量变量会有不同颜色,所以$str少$符号变成常量的时候很容易发现. 1.变量$ ...
php对表格的处理,JavaScript_js处理表格对table进行修饰，js处理表格 1、行颜色间隔显示 - phpStudy...
js处理表格对table进行修饰 js处理表格 1.行颜色间隔显示 css样式:两个选择器 .one{ background-color:#33ffcc; } .two{ backgound-colo ...
NavigationView更改菜单icon和title颜色变化效果
NavigationView menu默认icon和title会随着菜单状态改变而改变,选择某个菜单后再次打开侧边菜单后会发现该菜单的icon和title会变成应用的主颜色,其他菜单项仍然为黑色. 如 ...

GridView 行颜色变化

GridView 行颜色变化相关推荐

最新文章

热门文章