服务器之家

服务器之家 > 正文

asp.net Gridview数据列中实现鼠标悬浮变色

时间:2019-09-05 11:29     来源/作者:服务器之家

功能描述: 
在gridview中,鼠标在这个控件的数据列表中移动时,该列的背景随鼠标的移动而改变背景颜色。 
功能实现: 
在gridview中新增一个事件RowDataBound,代码如下: 

复制代码代码如下:


protected void gvwNews_RowDataBound(object sender, GridViewRowEventArgs e) 

if (e.Row.RowType == DataControlRowType.DataRow) 

e.Row.Attributes.Add("onmouseover", "color = this.style.backgroundColor;this.style.backgroundColor='#EAFCD5'"); 
e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=color"); 
e.Row.Attributes.Add("onclick", "ClickRow()"); 


其中的onclick事件是控制选择行首的复选框的,点击行便实现"点击"复选框一样的效果。代码如下: 

复制代码代码如下:


function ClickRow() 

var obj = event.srcElement.parentElement.firstChild.firstChild.tagName; 
alert(obj); 
if(obj!=null && obj.tagName+""!="undefined") 

obj.checked=obj.checked ? false : true; 


简单的几行代码所需功能就可以实现了。

相关文章

热门资讯

玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分 2019-06-21
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情 2019-06-22
抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字
抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字 2019-06-05
叠猫猫队长可以退出吗 叠猫猫队长怎么换队伍
叠猫猫队长可以退出吗 叠猫猫队长怎么换队伍 2019-06-05
逃跑吧少年怎么卡皮肤 逃跑吧少年卡永久皮肤技巧
逃跑吧少年怎么卡皮肤 逃跑吧少年卡永久皮肤技巧 2019-06-21
返回顶部