鼠标移到DataGrid的那行则更改那行的颜色

最新推荐文章于 2020-06-10 16:35:28 发布

转载最新推荐文章于 2020-06-10 16:35:28 发布 · 1.2k 阅读

文章标签：

#datagrid #object

DataGrid控件使用技巧专栏收录该内容

48 篇文章

订阅专栏

本文介绍了一个使用ASP.NET中DataGrid控件时如何通过添加JavaScript代码来改变鼠标悬停时行的背景颜色的方法。当鼠标移到DataGrid的某一行上时，该行背景颜色会变为指定颜色；当鼠标移开时，背景颜色又会恢复到原来的颜色。

private void DataGrid1_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
  {
        if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
       {
          //添加自定义属性，当鼠标移过来时设置该行的背景色为"6699ff",并保存原背景色
         e.Item.Attributes.Add("onmouseover","StyleColor=this.style.backgroundColor;this.style.backgroundColor='#6699ff'");
         //添加自定义属性，当鼠标移走时还原该行的背景色
    e.Item.Attributes.Add("onmouseout","this.style.backgroundColor=StyleColor");

}
}