简单的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. ZOJ 1229 M-Gift?!

    https://vjudge.net/contest/67836#problem/M There is a beautiful river in a small village. N rocks ar ...

  2. BAT批处理(三)

    1.set set命令:显示.设置或删除变量.显示变量:set 或 set s 前者显示批处理当前已定义的所有变量及其值,后者显示所有以s开头的变量及值.设置变量:set aa=abcd 此句命令便可 ...

  3. 【Docker 命令】- ps命令

    docker ps : 列出容器 语法 docker ps [OPTIONS] OPTIONS说明: -a:显示所有的容器,包括未运行的. -f:根据条件过滤显示的内容. --format :指定返回 ...

  4. MD5加密的使用

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...

  5. BZOJ4004:[JLOI2015]装备购买——题解

    https://www.lydsy.com/JudgeOnline/problem.php?id=4004 https://www.luogu.org/problemnew/show/P3265 脸哥 ...

  6. HDU2222:Keywords Search——题解

    http://acm.hdu.edu.cn/showproblem.php?pid=2222 题目大意: 给定 n 个长度不超过 50 的由小写英文字母组成的单词,以及一篇长为 m 的文章,问有多少个 ...

  7. BZOJ3495 PA2010 Riddle 【2-sat】

    题目链接 BZOJ3495 题解 每个城市都有选和不选两种情况,很容易考虑到2-sat 边的限制就很好设置了,主要是每个郡只有一个首都的限制 我们不可能两两之间连边,这样复杂度就爆炸了 于是乎就有了一 ...

  8. 洛谷 P3521 [POI2011]ROT-Tree Rotations 解题报告

    P3521 [POI2011]ROT-Tree Rotations 题意:递归给出给一棵\(n(1≤n≤200000)\)个叶子的二叉树,可以交换每个点的左右子树,要求前序遍历叶子的逆序对最少. 大体 ...

  9. ES6 Set,WeakSet,Map,WeakMap

    1. Set Set是一个集合,里面的值都是唯一的,没有重复的.Set中可以是任何数据类型,并且添加数据时会进行严格比较,重复数据无法加入. 2. WeakSet 弱引用Set.只能存储对象,不能存储 ...

  10. 【DP】【P1941】【NOIP2014D1T3】飞扬的小鸟

    传送门 Description Flappy Bird是一款风靡一时的休闲手机游戏.玩家需要不断控制点击手机屏幕的频率来调节小鸟的飞行高度,让小鸟顺利通过画面右方的管道缝隙.如果小鸟一不小心撞到了水管 ...