功能描述：
在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;
}
}
简单的几行代码所需功能就可以实现了。
在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;
}
}
简单的几行代码所需功能就可以实现了。
标签：
Gridview,鼠标,悬浮变色
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“asp.net Gridview数据列中实现鼠标悬浮变色”评论...