asp.net Gridview数据列中实现鼠标悬浮变色
程序员文章站
2024-03-07 16:15:33
功能描述: 在gridview中,鼠标在这个控件的数据列表中移动时,该列的背景随鼠标的移动而改变背景颜色。 功能实现: 在gridview中新增一个事件rowdatabou...
功能描述:
在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;
}
}
简单的几行代码所需功能就可以实现了。
下一篇: SpringMail
推荐阅读
-
asp.net Gridview数据列中实现鼠标悬浮变色
-
asp.net GridView模板列中实现选择行功能
-
asp.net中GridView和DataGrid相同列合并实现代码
-
asp.net中GridView和DataGrid相同列合并实现代码
-
asp.net中GridView数据鼠标移入显示提示信息
-
在ASP.NET 2.0中操作数据之六十三:GridView实现批量删除数据
-
asp.net中GridView数据鼠标移入显示提示信息
-
在ASP.NET 2.0中操作数据之十:使用 GridView和DetailView实现的主/从报表
-
在ASP.NET 2.0中操作数据之十:使用 GridView和DetailView实现的主/从报表
-
在ASP.NET 2.0中操作数据之六十三:GridView实现批量删除数据