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属性,一般为数据的主键
随机推荐
- JS DOM(2017.12.28)
一.获得元素节点的方法 document.getElementById() 根据Id获取元素节点 document.getElementsByName() 根据name获取元素节点 遍 ...
- 【Docker 命令】- build命令
docker build 命令用于使用 Dockerfile 创建镜像. 语法 docker build [OPTIONS] PATH | URL | - OPTIONS说明: --build-arg ...
- SQL SERVER技术内幕之3 联接查询
JOIN表运算符对两个输入表进行操作.联接有三种基本类型:交叉联接.内联接和外联接.这三种联接的区别是它们采用的逻辑查询处理步骤各不相同,每种联接都有一套不同的步骤.交叉联接只有一个步骤----笛卡尔 ...
- Lucene笔记二
lucene 的排序 package cn.itcast.lucene; import java.io.IOException; import org.apache.lucene.document.D ...
- RT-thread组件初始化代码分析
RT-thread提供了组件化功能,具体实现是在components/init文件夹下components.c文件中实现的.应用组件化功能首先在rtconfig.h中添加宏定义#define RT_U ...
- CentOS ACL
ACL:访问控制列表(Access Control List). 一般来说权限是针对某一类用户设置的.例如:一个文件只有拥有者.组.其他用户三种设置方式,如果希望对某个指定的用户进行单独的权限控制,就 ...
- 【转】C# typeof()实例详解
转自:http://www.cnblogs.com/lm3515/archive/2010/09/02/1815725.html typeof(C# 参考) 用于获取类型的 System.Type 对 ...
- 【题解】CF#852 E-Casinos and travel
天啊我怎么这么蠢……写了一个树形dp,的确发现记录的很多值并没有什么用,然而当时脑子没转过弯来还是写了这个树形dp……虽然能A但就不解释了,总之是个垃圾算法(ー̀дー́) #include <b ...
- STL使用记录
1,map 对map实在不熟...赶紧记录一下用法吧. 后来再发现新的用法再补充吧 定义: map<int, int> m; 其中的int可以为自定义的任何类型. m[key值类型的变量] ...
- java.util.Stack类简介(栈)
Stack是一个后进先出(last in first out,LIFO)的堆栈,在Vector类的基础上扩展5个方法而来 Deque(双端队列)比起stack具有更好的完整性和一致性,应该被优先使用 ...