手机
当前位置:查字典教程网 >编程开发 >asp.net教程 >asp.net Gridview数据列中实现鼠标悬浮变色
asp.net Gridview数据列中实现鼠标悬浮变色
摘要:功能描述:在gridview中,鼠标在这个控件的数据列表中移动时,该列的背景随鼠标的移动而改变背景颜色。功能实现:在gridview中新增一...

功能描述:

在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;

}

}

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

【asp.net Gridview数据列中实现鼠标悬浮变色】相关文章:

asp.net 文件上传实例汇总

asp.net Gridview里添加汇总行

asp.net gridview 72般绝技第1/2页

asp.net DataGridView导出到Excel的三个方法[亲测]

asp.net不用设置iis实现url重写

asp.net 设置GridView的选中行

.net 通过URL推送POST数据具体实现

asp.net ListView 数据绑定

asp.net 生成曲线图实现代码

.Net连接Oracle数据库的实现代码

精品推荐
分类导航