GridView 選中行變色

 

1.在aspx中加

2. <script type="text/javascript"> 
3.     var prevselitem=null; 
4.     function selectx(row) 
5.     { 
6.         if(prevselitem!=null) 
7.         { 
8.             prevselitem.style.backgroundColor='#ffffff'; 
9.         } 
10.         row.style.backgroundColor='PeachPuff'; 
11.         prevselitem=row;    
12.     } 
13. </script>

2.在RowDataBound事件中加

1. if (e.Row.RowType == DataControlRowType.DataRow)
2.      {
3.          e.Row.Attributes.Add("onmouseover", "if(this!=prevselitem){this.style.backgroundColor='#Efefef'}");//當滑鼠停留時更改背景色  
4.          e.Row.Attributes.Add("onmouseout", "if(this!=prevselitem){this.style.backgroundColor='#ffffff'}");//當滑鼠移開時還原背景色  
5.          e.Row.Attributes.Add("onclick", e.Row.ClientID.ToString() + ".checked=true;selectx(this)");
6.      }