鼠标滑过GridView的数据行时修改行的背景颜色

时间:2024-06-04 12:34:20

基本原理可以参考另一篇文章:鼠标滑过table时修改表格行的背景颜色

下面是针对GridView实现该效果的代码:就是编写GridView控件的RowDataBound事件的代码。

 protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
//首先判断是否是数据行
if (e.Row.RowType == DataControlRowType.DataRow)
{
//当鼠标停留时更改背景色
e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='#87CEEB'"); //#C4E1FF
//当鼠标移开时还原背景色
e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=c");
}
}