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

jelink

于 2006-09-11 22:48:00 发布

阅读量1.2k

点赞数

分类专栏： DataGrid控件使用技巧文章标签： datagrid object

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

48 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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");

}
}