jqgrid 翻页记录选中行
简单的jqgrid列表
$("#list").jqGrid({
url:contextPath + "/getList",
postData: data,
datatype:"json",
colNames : [ '用户名','密码'],
colModel : [ {
name : 'name',
index : 'name',
align : 'center'
}, {
name : 'psw',
index : 'psw',
align : 'center'
}],
rownumbers : true,
viewrecords : true,
multiselect : true,
rowNum : ,
pager : $('#gridPager')
});
分页后每次翻页都会丢掉之前选中行的记录

设置全局变量
var SelectList = []//(用于记录被选中的行)
onSelectAll: function (aRowids, status) {
if (status) {
for (var i = ; i < aRowids.length; i++) {
if (SelectList.indexOf(aRowids[i]) == -) {//每一次勾选时,检查该行是否在SelectList中,
//若在,则在SelectList中删除该记录
//(翻页也会触发onselect事件,所以需检查该行是否在unselects中)
SelectList.push(aRowids[i]);
}
}
} else {
for (var i = ; i < aRowids.length; i++) {
if (SelectList.indexOf(aRowids[i]) > -) {//每一次勾选时,检查该行是否在SelectList中,
//若在,则在SelectList中删除该记录
//(翻页也会触发onselect事件,所以需检查该行是否在unselects中)
SelectList.splice($.inArray(aRowids[i], SelectList), )
}
}
}
},
gridComplete: function () {
var ids = $("#grid-table").jqGrid('getDataIDs');
for (var i = ; i < ids.length; i++) {
if ((SelectList.indexOf(ids[i]) > -)) {
$("#grid-table").jqGrid('setSelection', ids[i]);
}
}
},
onSelectRow: function (rowid, status) {
if (status) { // 每一次取消选中时,将该行id添加到SelectList中
if (SelectList.indexOf(rowid) == -) {//每一次勾选时,检查该行是否在SelectList中,
//若在,则在SelectList中删除该记录
//(翻页也会触发onselect事件,所以需检查该行是否在unselects中)
SelectList.push(rowid);
}
} else {
if (SelectList.indexOf(rowid) > -) {//每一次勾选时,检查该行是否在SelectList中,
//若在,则在SelectList中删除该记录
//(翻页也会触发onselect事件,所以需检查该行是否在unselects中)
SelectList.splice($.inArray(rowid, SelectList), )
}
}
},
jqgrid 翻页记录选中行的更多相关文章
- Ext grid checkbox 分页 翻页 勾选 问题
timeArray = new Array(); //临时数组变量 var timeStatusBar = new Ext.ux.StatusBar({ id: 'statusbar', defaul ...
- jqGrid 翻页
比如查出来有9条数据,表格第一页显示5条,第二页显示4条 第一次查询,后台返回9条数据,但是只显示第一页的5条, 当点击下一页,会再去数据库查询,只返回第二页的4条数据, 这时候再点击回到上一页,返回 ...
- easyui grid中翻页多选方法
<table class="easyui-datagrid" title="人员选择" id="dg" data-options=&q ...
- element-ui 表格翻页多选,数据回显
reserve-selection与row-key结合 <el-table :data="pageData" ref="goodsTable" size= ...
- jqgrid 获取选中行主键集合
如何获取选中行的主键集合呢? 使用 getGridParam(selarrrow) 方法可获取所有选中行的主键集合. 注意:此处的主键集合是指-设置为主键的列(key: true).再次提醒:一个j ...
- jquery easyui datagrid 在翻页以后仍能记录被选中的行及刷新设置选中行数据
//easyUI的datagrid在复选框多选时,如何在翻页以后仍能记录被选中的行://注意datagrid中需要配置idField属性,一般为数据的主键 $.ajax({ type: 'GET', ...
- Web jquery表格组件 JQGrid 的使用 - 5.Pager翻页、搜索、格式化、自定义按钮
系列索引 Web jquery表格组件 JQGrid 的使用 - 从入门到精通 开篇及索引 Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数.ColModel API.事件 ...
- jQuery easyUI的datagrid,如何在翻页以后仍能记录被选中的行
1.先给出问题解决后的代码 <%@ page language="java" import="java.util.*" pageEncoding=&quo ...
- 【技巧】easyUI的datagrid,如何在翻页以后仍能记录被选中的行
easyUI的datagrid在复选框多选时,如何在翻页以后仍能记录被选中的行: 注意datagrid中需要配置idField属性,一般为数据的主键
随机推荐
- Java-编译后出现$1.class、$2.class等多个class文件
部署代码的时候,由于自身技术不精和疏忽,导致查询数据没有正常显示, 排除法最后只能是放置部署文件时未包括多出来的$class文件.放上去之后果然好使了,才记录下这个问题... 这是因为在我们写的类中存 ...
- chrome扩展程序中以编程方式插入内容脚本不生效的问题
chrome扩展程序中内容脚本有两种插入方式:(https://crxdoc-zh.appspot.com/extensions/content_scripts) 1. 清单文件: 这种方式会在打开每 ...
- js 控制
js 制动控制 代码 是 :setInterval(function(){$(".egg").click();},1000); 使用方法:调出浏览器放控制台(console),一般 ...
- HTML5 iframe sandbox javascript getTime
1 1 HTML5 iframe sandbox 1 1 <!DOCTYPE html> <html> <body> <iframe src="de ...
- KeyPress 和KeyDown 、KeyPress之间的区别
虽然从字面理解, KeyDown是按下一个键的意思, 但实际上二者的根本区别是, 系统由KeyDown返回键盘的代码, 然后由TranslateMessage函数翻译成成字符, 由KeyPress返回 ...
- js滚动大于多少菜单就开始固定
//导航置顶 $(window).scroll(function () { var pos = $(window).scrollTop(); ) { $("#menu").addC ...
- vs code 自动补全效果不理想的问题
之前一直用webstorm,最近换换口味,改用了VS Code,发现VS Code 智能提示得到的都不是我想要的 就比如 ! + tab ,HTML结构都出不来.经过一番搜索,发现是 VS Code ...
- BZOJ4735 你的生命已如风中残烛(组合数学)
将每个位置上的数都-1,则显然相当于前缀和始终非负. 然后就是完全想不到的了.考虑往里面加一张-1的牌.假设在一个合法排列的最后添上一个-1,那么在该排列的所有循环同构排列中,满足前m个前缀和都非负的 ...
- [HAOI2006]受欢迎的牛 tarjan缩点 + 拓扑排序
---题面--- 题解: 首先tarjan缩点应该还是容易想到的,因为喜爱具有传递性,所以一个强联通分量里面的点实际上是全部等效的,所以我们可以缩成一个方便判断, 缩完点之后整张图就变成了一个有向无环 ...
- BZOJ4653 & 洛谷1712 & UOJ222:[NOI2016]区间——题解
https://www.lydsy.com/JudgeOnline/problem.php?id=4653 https://www.luogu.org/problemnew/show/P1712 ht ...