在DATAGRID中，当鼠标移动到某一行时，这行就变个颜色，该怎么做？

Question

使用js//
在ItemCreated事件中
if(e.Item.ItemIndex==-1) return;
e.Item.Attributes["onmouseover"]="doover(this)";
e.Item.Attributes["onmouseout"]="doout(this)";//js中
function doover(e){
   document.all[e.id].style.backgroundColor ="red";
}
function doout(e){
   document.all[e.id].style.backgroundColor ="white";
}

Answer 1

加上这句
   Private Sub DataGrid1_ItemCreated(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DataGridItemEventArgs) Handles DataGrid1.ItemCreated
            If e.Item.ItemType = ListItemType.Item Or e.Item.ItemType = ListItemType.AlternatingItem Or e.Item.ItemType = ListItemType.SelectedItem Then
                e.Item.Attributes.Add("onMouseOver", "this.style.backgroundColor='blue'; this.style.cursor='hand';")
                e.Item.Attributes.Add("onMouseOut", "this.style.backgroundColor='';")
            End If
        End Sub把   Handles DataGrid1.ItemCreated  中的 DataGrid1 改为你的dataGrid名称(ID)

Answer 2

protected override void OnInit(EventArgs e){
         base.OnInit(e);
         this.Attributes.Add("oldValue","oldlace");
         this.Attributes.Add("singleValue","#FFFFFF");
       }      protected override void OnItemDataBound(DataGridItemEventArgs e) {
         base.OnItemDataBound (e);         if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem) {
            e.Item.Attributes.Add("onmouseover","this.bgColor='#C1D2EE'");
            if(e.Item.ItemType == ListItemType.AlternatingItem){
               e.Item.Attributes.Add("onmouseout","this.bgColor=document.getElementById('"+this.ClientID+"').oldValue");
               e.Item.Attributes.Add("bgColor","oldlace");
            }
            else{
               e.Item.Attributes.Add("onmouseout","this.bgColor=document.getElementById('"+this.ClientID+"').singleValue");
               e.Item.Attributes.Add("bgColor","#ffffff");
            }
            
         }
      }可能要少作修改，这是我从我写的继承于DataGrid里面摘出的代码！

Answer 3

private void DataGrid1_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType ==  ListItemType.AlternatingItem)
{
e.Item.Attributes.Add("onmouseover","this.style.backgroundColor='#ffffaa'");
e.Item.Attributes.Add("onmouseout","this.style.backgroundColor='white'");
}
}