GridView选中行变色(无刷新)
来源:互联网 发布:mac上jdk安装路径 编辑:程序博客网 时间:2024/06/08 04:49
实现方式:通过javascript进行控制,点击行中任何一个位置,改行被选中变色。
1、首先在.aspx页面块中添加javascript 3、最后在.aspx.cs页面中添加
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,如:
2 //省略
3 </asp:GridView>
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实现多选(全选)、点击行任意位置选择行、选中变色、添加双击事件等
- 抓到两只IE8的虫子
- RIA开发的团队组成和进程管理
- 数字转英文货币
- Ext---CheckBoxGroup的取值和赋值
- MFC应用程序中指针的使用
- GridView选中行变色(无刷新)
- 和美国人聊天的小忌讳
- 少走弯路10大忠告
- Action的配置属性及其含义
- Javascript中最常用的55个经典技巧
- document.getElementById详解
- .net版本名字的一些记录
- mscomm/ms_comm通信接收/收发代码内存泄露问题
- VC 中几个Dialog的用法(转的)