简单的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 翻页记录选中行的更多相关文章

  1. Ext grid checkbox 分页 翻页 勾选 问题

    timeArray = new Array(); //临时数组变量 var timeStatusBar = new Ext.ux.StatusBar({ id: 'statusbar', defaul ...

  2. jqGrid 翻页

    比如查出来有9条数据,表格第一页显示5条,第二页显示4条 第一次查询,后台返回9条数据,但是只显示第一页的5条, 当点击下一页,会再去数据库查询,只返回第二页的4条数据, 这时候再点击回到上一页,返回 ...

  3. easyui grid中翻页多选方法

    <table class="easyui-datagrid" title="人员选择" id="dg" data-options=&q ...

  4. element-ui 表格翻页多选,数据回显

    reserve-selection与row-key结合 <el-table :data="pageData" ref="goodsTable" size= ...

  5. jqgrid 获取选中行主键集合

    如何获取选中行的主键集合呢? 使用  getGridParam(selarrrow) 方法可获取所有选中行的主键集合. 注意:此处的主键集合是指-设置为主键的列(key: true).再次提醒:一个j ...

  6. jquery easyui datagrid 在翻页以后仍能记录被选中的行及刷新设置选中行数据

    //easyUI的datagrid在复选框多选时,如何在翻页以后仍能记录被选中的行://注意datagrid中需要配置idField属性,一般为数据的主键 $.ajax({ type: 'GET', ...

  7. Web jquery表格组件 JQGrid 的使用 - 5.Pager翻页、搜索、格式化、自定义按钮

    系列索引 Web jquery表格组件 JQGrid 的使用 - 从入门到精通 开篇及索引 Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数.ColModel API.事件 ...

  8. jQuery easyUI的datagrid,如何在翻页以后仍能记录被选中的行

    1.先给出问题解决后的代码 <%@ page language="java" import="java.util.*" pageEncoding=&quo ...

  9. 【技巧】easyUI的datagrid,如何在翻页以后仍能记录被选中的行

    easyUI的datagrid在复选框多选时,如何在翻页以后仍能记录被选中的行: 注意datagrid中需要配置idField属性,一般为数据的主键

随机推荐

  1. 原生js 自定义confirm

    本文参考博客园另一篇文章:https://www.cnblogs.com/hzj680539/p/5374052.html,在此感谢. 在实际开发当中,考虑到原生js组件,包括alert.confir ...

  2. 修改IntelliJ IDEA字体

  3. Activiti5工作流笔记三

    组任务 直接指定办理人 流程图如下: import java.util.HashMap; import java.util.List; import java.util.Map; import org ...

  4. RT-thread内核对象标志flag总结

    一.内核标志flag 在内核对象控制块中有一个标志成员flag(rt_uint8_t flag; ),这个标志在不同有内核对象中具有不同的含义.rt-thread的内核对象有定时器.线程.信号量.互斥 ...

  5. [洛谷P4688][Ynoi2016]掉进兔子洞

    题目大意:给定一个$n(n\leqslant10^5)$序列,$m(m\leqslant10^5)$个询问,每个询问给出$l_1,r_1,l_2,r_2,l_3,r_3$.令$s$为该三个区间的交集的 ...

  6. Hadoop Yarn-入门篇

    参考并推荐博文:https://www.ibm.com/developerworks/cn/opensource/os-cn-hadoop-yarn/ 重构根本的思想是将 JobTracker 两个主 ...

  7. 5028: 小Z的加油店(线段树)

    NOI2012魔幻棋盘弱化版 gcd(a,b,c,d,e)=gcd(a,b-a,c-b,d-c,e-d) 然后就可以把区间修改变成差分后的点修了. 用BIT维护原序列,线段树维护区间gcd,支持点修区 ...

  8. 【树状数组】【P3608】平衡的照片

    传送门 Description FJ正在安排他的N头奶牛站成一排来拍照.(1<=N<=100,000)序列中的第i头奶牛的高度是h[i],且序列中所有的奶牛的身高都不同. 就像他的所有牛的 ...

  9. Japan POJ - 3067 转化思维 转化为求逆序对

    Japan plans to welcome the ACM ICPC World Finals and a lot of roads must be built for the venue. Jap ...

  10. HTML学习基本代码

    HTML的代码比较繁琐,在此记下一些基本的东西,以后自己回来看看 <html> <head> <title>我的人生啊</title> <styl ...