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

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

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

  2021-03-18 我要评论
想了解asp.net Gridview数据列中实现鼠标悬浮变色的相关内容吗,在本文为您仔细讲解Gridview 鼠标悬浮变色的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点: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;
}
}

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

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们