GridView选中行变色

Gridview选中行变色操作:

       1、首先在.aspx页面块中添加javascript

<script type="text/javascript">
     var prevselitem=null;
      function selectx(row)
     {
             if(prevselitem!=null)
             {
                 prevselitem.style.backgroundColor='#ffffff';
             }
             row.style.backgroundColor='PeachPuff';
              prevselitem=row;
            
      }
 </script>


2、然后修改GridView,添加事件OnRowDataBound,如：

 <asp:GridView ID="GridView1" runat="server" AllowPaging="True"    Width="100%" PageSize="12" OnRowDataBound="GridView1_RowDataBound">
 </asp:GridView>
3、最后在.aspx.cs页面中添加

protected void GridView1_RowDataBound(object sender,GridViewRowEventArgs e)
{
         if (e.Row.RowType == DataControlRowType.DataRow)
             {
               // e.Row.Attributes.Add("onmouseover", "if(this!=prevselitem){this.style.backgroundColor='#Efefef'}");//当鼠标停留时更改背景色
               // e.Row.Attributes.Add("onmouseout", "if(this!=prevselitem){this.style.backgroundColor='#ffffff'}");//当鼠标移开时还原背景色
                e.Row.Attributes.Add("onclick", e.Row.ClientID.ToString() + ".checked=true;selectx(this)");//点击行变色
                
                //e.Row.Attributes["style"] = "Cursor:hand"; //设置悬浮鼠标指针形状为"小手"
             //  GridView1.HeaderRow.Cells[10].Visible = false;
           // e.Row.Cells[10].Visible = false;//隐藏选择按钮
            //String evt = Page.ClientScript.GetPostBackClientHyperlink(sender as System.Web.UI.WebControls.GridView, "Select$" + e.Row.RowIndex.ToString());
           // e.Row.Attributes.Add("onclick", evt);//执行选择行GridView1_SelectedIndexChanged事件
   }