使用javascript实现GridView无刷新选中行(变色)
来源:互联网 发布:测试网络丢包命令 编辑:程序博客网 时间:2024/05/18 03:19
以前在网上找过不少方法,但不是不好用就是要刷新页面,昨天把以前做的一个需要刷新选中行的代码修改了一下,还挺好用,拿出来大家分享一下,有需要改进之处,欢迎指正!
实现方式:通过javascript进行控制,点击行中任何一个位置,改行被选中变色。
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:GridViewID="GridView1" runat="server" AllowPaging="True"AutoGenerateColumns="False" 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)");
- }
- }
OK!
- 使用javascript实现GridView无刷新选中行(变色)
- 使用javascript实现GridView无刷新选中行(变色)
- GridView选中行变色(无刷新)
- GridView选中行变色(无刷新)
- GridView选中行变色(无刷新) .
- GridView选中行变色(无刷新)
- GridView选中变色不刷新
- 用javascript实现GridView行背景色交替鼠标划过行变色点击行变色选中
- GridView 选中行变色
- GridView选中行变色
- GridView选中行变色
- 用javascript/css实现GridView行背景色交替、鼠标划过行变色,点击行变色选中
- Javascript实现GridView无刷新选择一行
- GridView选中、经过行变色
- 使用javascript实现无刷新数据校验
- GridView无刷新实现全选
- 扩展GridView实现多选(全选)、点击行任意位置选择行、选中变色、添加双击事件等
- 扩展GridView实现多选(全选)、点击行任意位置选择行、选中变色、添加双击事件等
- 学习使用J2EE Web应用的事件功能
- PDA上的程序不能远程调试的问题(C# WinCE OS)
- 【转载】wince 显示驱动!
- spin_lock宏和spin_unlock宏
- struts2 中json使用体验
- 使用javascript实现GridView无刷新选中行(变色)
- 关于EVC[转]
- JAVA交流QQ群43829453
- GridView中使用方向键标记选中行
- Restlet 指南[Matrix社区试读版]
- SSIS性能调优备忘
- INVEST in Good Stories, and SMART Tasks
- 妹妹的短信
- 什么是Windows API