jqgrid 记录翻页选中数据

项目中有试使用jqGrid 进行数据展示,最近需要完成一个功能 记录用户翻页前选中的数据。如:

目前的分页实现是根据条件加载当前页,前一页的数据并未进行保存,查询API发现没有直接提供处理方法。但API有提供相关处理方法,通过修改能够很容易实现此功能。

实现该功能主要依赖于API提供的三个方法。loadComplete,onSelectAll,onSelectRow

    方法名     参数                                          功能
loadComplete xhr 当从服务器返回响应时执行,xhr:XMLHttpRequest 对象
onSelectAll aRowids,status multiselect为ture,且点击头部的checkbox时才会触发此事件。aRowids:所有选中行的id集合,为一个数组。status:boolean变量说明checkbox的选择状态,true选中false不选中。无论checkbox是否选择,aRowids始终有 值
onSelectRow rowid,status 当选择行时触发此事件。rowid:当前行id;status:选择状态,当multiselect 为true时此参数才可用

loadComplete  方法当服务器返回后执行此方法,返回的xhr中包含了gridModel(当前页数据集合),page对象,record对象,row,total对象。该方法用于判断当前加载数据是否包含已保存的数据,如果有就通过getRowData方法进行选择。

onSelectAll 方法是选中当前页所有数据aRowids返回的是一个集合,代表数据索引,status为状态true选中false取消选中。

时间: 2024-10-10 12:58:22

jqgrid 记录翻页选中数据的相关文章

【jqGrid】翻页获取选中的值

1.实现效果: 点击确定所选按钮之后,获取翻页选中的题库表号 2.关键代码 onSelectAll: function (aRowids, status) { }, onSelectRow: function (aRowids, status) { } jQuery("#questionindex_table").jqGrid({ url: '2safety/exam/questionfile/ashx/list.ashx?act=list', datatype: "json

miniUI-SelectGrid 弹出选择表格-翻页选中

miniUI-SelectGrid 弹出选择表格-翻页选中,没有办法翻页后一并连之前翻页选中的一起提交 解决办法: //存储已经选中的元素 var selectMaps = []; //获得表格 var grid = mini.get("gridSelect"); //在表格加载的时候激发事件 function onGridLoad(e) { var rows = selectMaps[grid.getPageIndex()]; if (rows) { for (var i = 0;

列表翻页,选中一条记录

说明:当添加一条记录时,该条记录在列表中的位置有多重情况,在列表的第一页第一项.在列表的最后一页最后一项.在列表中的任意一个位置,针对翻页选中一条目标记录具体事项一项两种情况 情况一:新添加的记录在列表的任意一个位置时,选中该条记录并点击选择然后点击[更新产品]按钮 具体实现代码如下(包含需要调用其他共方法): /** * 翻页逐条比较获得对应的产品 * webs:某一页所有的tr对象,dr:dr对象 */ public static WebElement getpoduct(List<WebE

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

系列索引 Web jquery表格组件 JQGrid 的使用 - 从入门到精通 开篇及索引 Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数.ColModel API.事件及方法 Web jquery表格组件 JQGrid 的使用 - 5.Pager翻页.搜索.格式化.自定义按钮 Web jquery表格组件 JQGrid 的使用 - 6.准备工作 & Hello JQGrid Web jquery表格组件 JQGrid 的使用 - 7.查询数据.编辑数据.删除数据

jqGrid 翻页

jqGrid的翻页要定义在html里,通常是在grid的下面,且是一个div对象: · <table id="list"></table> ·    <div id="gridpager"></div> · jQuery("#grid_id").jqGrid({ · ... ·    pager : '#gridpager', · ... · }); 不必给翻页设置任何的css属性.在jqGrid里

Atitit easyui翻页组件与vue的集成解决方案attilax总结

===============使用1 ===========\paggingUtil_easyui_vue.js2 C:\Users\Administrator\Desktop\00oa\js\paggingUtil_easyui_vue.js ===============使用 <!-- pagging--> <link rel="stylesheet" type="text/css" href="easyui1.5/themes/de

Android UI【android 仿微信、QQ聊天,带表情,可翻页,带翻页拖动缓冲】

http://blog.csdn.net/lnb333666/article/details/8546497 如题,这是公司项目的一个功能模块,先上个效果图: 其次大致说说原理: 1,首先判断输入的字符,是否包含表情的文字,比如   这个表情对应的文件名为 emoji_1.png,它对应的文字描述 :[可爱],如果我们在输出的是输出这么一句话:老婆,我想你了.  那么我们对应的根本文字就是:老婆,我想你了[可爱]. 2,具体的转换过程就是用正则表达式比配文字中是否含有[xxx]这类的文字,如果有

翻页bug

本章主要分享下,个人测试经历中遇见过的翻页bug 一.列表翻页 1.bug1:去请求翻页page=0,从0页开始算.一般来说page=0 和 page=1的数据是一模一样,所以翻第2页时会发现和第1页数据一致 2.bug2:只翻第2页,没有翻第3页.某些翻页问题需要在数据量充足的情况下才能出现 二.列表翻页 & 页面数据有排重 & 页面有商品计数功能 1.假设20/页,第2页和第1页的数据有1个商品重叠了,经过排重后这2页的总数据=39个,但是页面的商品计数功能可能是算的40个. 针对翻页

Android水平翻页列表,类似水平GridVIew

Android水平翻页列表,类似于水平方向的GridView,行列自定义,但要翻页切换,考虑加载性能,当Item数据很多时加载和翻页要流畅,翻页时要有动画效果,效果图如下: 实现方式: 1:翻页可用ViewPager来做,每页内多行排列Item,考虑到翻页切换数据和加载的速度不能嵌套GridView,直接使用View来显示. 2:缓存被ViewPager销毁的View,以此来提高当数据量很大时的系统资源消耗问题. 代码实现如下: 1:编写一个PagerAdapter类,用来给ViewPager适