Javascript实现GridView无刷新选择一行
来源:互联网 发布:mysql 表分区查询 编辑:程序博客网 时间:2024/05/17 23:50
以前在网上找过不少方法,但不是不好用就是要刷新页面,昨天把以前做的一个需要刷新选中行的代码修改了一下,还挺好用,拿出来大家分享一下,有需要改进之处,欢迎指正!
实现方式:通过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:GridView ID="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无刷新选中行(变色)
- 使用javascript实现GridView无刷新选中行(变色)
- GridView无刷新实现全选
- GridView中DropdownList,Textbox同一行无刷新联动
- GridView无刷新分页的实现(ICallBackEventHandler)
- GridView控件实现无刷新数据操作
- ICallbackHandler实现GridView无刷新实时更新
- dropdownlist实现无刷新页面级联gridview
- javascript实现无刷新计算GridView里购物清单总价格
- 实现聊天室无刷新的JavaScript技术
- javascript操作listbox,实现无刷新
- 使用javascript实现无刷新数据校验
- javascript实现ajax无刷新提交
- 用javascript实现无刷新评论
- ASP.NET实现javascript无刷新倒计时
- PHP+JavaScript 实现图片无刷新上传
- PHP+JavaScript 实现图片无刷新上传
- 字符串分隔
- JS正则表达式详解
- 正则表达式必须做预编译
- 数之源--值类型和引用类型
- Javascript配合CSS实现网页自助换肤功能
- Javascript实现GridView无刷新选择一行
- WEB前端开发规范文档
- 程序出错后,程序员给测试人员的20条高频回复
- 技术性领导
- SQL语句的相关记录(一)
- MySQL 数据库的导入导出
- Sphinx全文检索引擎和Coreseek全文检索服务器简介
- SQL关键字
- Freemark在Spring+Struts2中使用