asp.net 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控件在列上格式化时间及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属性设置数据格式的方法