asp.NetGridviewデータ列でマウスの浮遊変色を実現

機能の説明:
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; 
  
} 
  
} 
  
 
 

簡単な数行のコードに必要な機能が実現できます.