GridView选中行变色(无刷新)
来源:互联网 发布:java hashmap 排序 编辑:程序博客网 时间:2024/05/16 18:29
以前在网上找过不少方法,但不是不好用就是要刷新页面,昨天把以前做的一个需要刷新选中行的代码修改了一下,还挺好用,拿出来大家分享一下,有需要改进之处,欢迎指正!
实现方式:通过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 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页面中添加 2 //省略
3 </asp:GridView>
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
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
- GridView选中行变色(无刷新)
- GridView选中行变色(无刷新)
- GridView选中行变色(无刷新) .
- GridView选中行变色(无刷新)
- 使用javascript实现GridView无刷新选中行(变色)
- 使用javascript实现GridView无刷新选中行(变色)
- GridView选中变色不刷新
- GridView 选中行变色
- GridView选中行变色
- GridView选中行变色
- GridView选中、经过行变色
- asp.net的 GridView 选中行变色效果、 、
- GridView光棒效果以及选中行变色
- 用javascript实现GridView行背景色交替鼠标划过行变色点击行变色选中
- GridView选中变色,经过变色,整栏点击弹出网页
- 选中行变色
- 扩展GridView实现多选(全选)、点击行任意位置选择行、选中变色、添加双击事件等
- 扩展GridView实现多选(全选)、点击行任意位置选择行、选中变色、添加双击事件等
- Python在Google AppEngine中的模块引入问题
- 页面换肤功能浅析
- Ajax
- JSP有哪几种内置对象
- 怎样把网上的图片显示在PictureBox中
- GridView选中行变色(无刷新)
- js验证输入是否为手机号码或电话号码
- JS验证只能输入数字
- 在VMware上的FC4中成功安装MiniGUI1.3.3和成功运行sample过程详解
- JavaScript身份证号码验证-支持新的带x身份证
- 关于resin服务器下开发jpa+struts2.0+spring+hibernate+dwr的数据库表的ORM配置问题
- 使用 Enterprise Library (2006年1月版)切换数据库ms sql-->ms access
- CSDN中国IT技术指数报告 2008年7月第一期 (2) 计算机语言部分
- 今天很累