当前位置： 移动技术网 > IT编程>开发语言>.net > asp.net Gridview数据列中实现鼠标悬浮变色

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

2017年12月12日  | 移动技术网IT编程  | 我要评论

赵合句,高松惠理 qvod,十堰有哪些大学

功能描述：
在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;
}
}

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

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网