asp.net Gridview数据列中实现鼠标悬浮变色
更新时间：2010年06月11日 15:09:07 作者：
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;
}
}
简单的几行代码所需功能就可以实现了。
在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控件在列上格式化时间及DataFormatString使用
- asp.net DataFormatString格式化GridView
- ASP.NET数据绑定GridView控件使用技巧
- ASP.NET数据绑定之GridView控件
- 利用jQuery及AJAX技术定时更新GridView的某一列数据
- asp.net中GridView数据鼠标移入显示提示信息
- DevExpress实现GridView当无数据行时提示消息
- asp.net读取excel中的数据并绑定在gridview
- 使用ajax局部刷新gridview进行数据绑定示例
- c#利用Excel直接读取数据到DataGridView
- js获取GridView中行数据的两种方法 分享
- C#与SQL连接:GridView控件对数据库的操作
- Gridview利用DataFormatString属性设置数据格式的方法
相关文章
最近工作中遇到一个将htm转换为pdf的任务，这是一个有很有用的功能块，然而很遗憾，网上没有现成可行（包括开源/免费、易用和可维护性的考虑）方案。既然没有现成的解决方案就自己着手解决吧。2009-07-07
如何使用测试控制台，需要的朋友可以参考下。2009-11-11
原来以为.aspx 与.cs文件是属于同一个类，今天才意识到自己错了。2009-04-04
这篇文章主要介绍了asp.net实现简单分页的方法,实例分析了asp.net分页的基本原理与实现流程,具有一定参考借鉴价值,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了asp.net实现获取客户端详细信息，包括客户端浏览器及主机信息，感兴趣的小伙伴们可以参考一下2015-12-12
存储过程的调用在B/S系统中用的很多。传统的调用方法不仅速度慢，而且代码会随着存储过程的增多不断膨胀，难以维护。新的方法在一定程度上解决了这些问题2012-12-12
ASP.NET Core AutoWrapper 自定义响应输出实现
这篇文章主要介绍了ASP.NET Core AutoWrapper 自定义响应输出实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
Repeater比DataList要好一些，如果不是很大数据量的话，这点差别是体现不来的。2009-12-12
ASP.NET 获取存储过程返回值的实现代码，需要的朋友可以参考下。2011-12-12
这篇文章主要介绍了asp.net core分块上传文件示例，这里整理了详细的代码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-02-02
最新评论