专注于.Net

享受编程的乐趣
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

GridView选中行变色(无刷新)

Posted on 2008-01-22 11:39  古道飘零客  阅读(3906)  评论(4编辑  收藏  举报

以前在网上找过不少方法,但不是不好用就是要刷新页面,昨天把以前做的一个需要刷新选中行的代码修改了一下,还挺好用,拿出来大家分享一下,有需要改进之处,欢迎指正!

实现方式:通过javascript进行控制,点击行中任何一个位置,改行被选中变色。

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

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

2、然后修改GridView,添加事件OnRowDataBound,如:
1 <asp:GridView ID="GridView1" runat="server" AllowPaging="True" AutoGenerateColumns="False"  Width="100%" PageSize="12" OnRowDataBound="GridView1_RowDataBound">
2 //省略
3 </asp:GridView>
3、最后在.aspx.cs页面中添加
 1 protected void GridView1_RowDataBound(object sender,GridViewRowEventArgs e)
 2     {
 3          if (e.Row.RowType == DataControlRowType.DataRow)
 4             {
 5                 e.Row.Attributes.Add("onmouseover""if(this!=prevselitem){this.style.backgroundColor='#Efefef'}");//当鼠标停留时更改背景色
 6                 e.Row.Attributes.Add("onmouseout""if(this!=prevselitem){this.style.backgroundColor='#ffffff'}");//当鼠标移开时还原背景色
 7                 e.Row.Attributes.Add("onclick", e.Row.ClientID.ToString() + ".checked=true;selectx(this)");
 8             }
 9     }
10 
11