jqgrid获取不同分页的选中数据并保存回显

这个主要涉及三个知识点:

  1. 定义一个数组用来缓存数据
  2. 使用jqgrid本身的属性onSelectAll和beforeSelectRow
  3. 自定义封装的一个lodash.min.js 文件(切记要引入)百度网盘:https://pan.baidu.com/s/17JYOfaLVffzI1u5wL8uSkg 提取码:zgd3

主要实现逻辑:首先定义一个缓存,当表格中选择(取消)数据的时候,将选中(取消)的ID存放(移除)于缓存数组-->在jqgrid数据加载结束后将缓存数据设置为被选中状态-->这样的话就能规避分页数据刷新带来的问题

实现代码如下:

//创建jqGrid缓存数组
var item_selected = monids;
//jqGrid数据加载结束后设置回显状态
gridComplete: function () {
        //*********
         var _this = this;
            if(item_selected.length>0){
                for (var i = 0; i < item_selected.length; i++) {
                    $(_this).jqGrid(‘setSelection‘,item_selected[i]);
                }
            }
            selectjqg = item_selected;
},
}
//jqGrid中触发选中功能,将数据缓存在数组中
onSelectAll:function(aRowids,status) {
            var _this = this;
            if(status){
                item_selected = _.union(item_selected, aRowids);
            }else{
                item_selected = _.difference(item_selected, aRowids);
            }
        },
beforeSelectRow:function(rowid, e) {
            var _this = this;
            var index = _.indexOf(item_selected, rowid);
            if(index==-1){
                item_selected.push(rowid);
            }
            else{
                item_selected = _.pull(item_selected, rowid);
            }
       }

原文地址:https://www.cnblogs.com/b-code/p/8604133.html

时间: 2024-10-10 13:31:34

jqgrid获取不同分页的选中数据并保存回显的相关文章

编辑数据-表单回显

最近做的项目中,在对单表进行增删改查的时候,对于数据的编辑都使用了数据回显. 具体使用环境: 列表页面:main.jsp,借助easy-ui的datagrid表格列表显示数据库中查询的数据.选中某条记录进行编辑,在弹出的编辑框-form.jsp中,将选中的数据利用封装的方法,将数据显示到相应的控件上.看两张截图: 实现流程: main.jsp页面-js方法 function edit(){ if($("#grid").datagrid("getSelected")=

Ztree修改数据回显

首先上图片看下预期效果 点击行政区域,加载树时,将北京市,天津市,河北省三个数据回传,并勾选 页面效果就是这样了,现在说下方法,先看代码 // 数据勾选回显  var zTree = $.fn.zTree.getZTreeObj("ztree"); var treeData = '${treeData}'; if(null != treeData && treeData != ""){ var treeDataArr = treeData.split

tcp回显客户端发送的数据

客户端: import socket tcp_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM) tcp_socket.connect(('127.0.0.1', 12345)) while True: tcp_socket.send(input('你输入要回显的数据:').encode()) print('回显数据:', tcp_socket.recv(1024).decode()) 服务端: import socket tcp

分页后的数据展示问题分析

一.重要参数rowNum和rowList 在使用jqGrid框架进行数据展示的时候.我们经常会用到初始化参数中的rowNum和rowList.一个表示展示的记录数,一个表示可选的展示记录数.具体参数请参考官方文档,http://blog.mn886.net/jqGrid/. 二.分页后的数据展示问题分析 一般情况下,当我们将查询条件所需的参数传递给后台,返回给jqGrid框架展示的数据就是我们经过后台处理需要得到的数据. 但是,当我们涉及到多表的数据获取和展示时,有一种情况会造成我们需要获取的数

在DevExpress程序中使用Winform分页控件直接录入数据并保存

一般情况下,我们都倾向于使用一个组织比较好的独立界面来录入或者展示相关的数据,这样处理比较规范,也方便显示比较复杂的数据.不过在一些情况下,我们也可能需要直接在GridView表格上直接录入或者修改数据,这种对于字段比较少,而且内容相对比较简单的情况下,效率是比较高的一种输入方式.本篇随笔主要介绍在DevExpress程序中使用GridView直接录入数据并保存的实现,以及使用Winform分页控件来进行数据直接录入的实现操作. 1.在GridView上展示数据 在GridView上展示数据,只

Android中ListView分页加载数据-转

Android应用开发中,采用ListView组件来展示数据是很常用的功能,当一个应用要展现很多的数据时,一般情况下都不会把所有的数据一次就展示出来,而是通过分页的形式来展示数据,个人觉得这样会有更好的用户体验.因此,很多应用都是采用分批次加载的形式来获取用户所需的数据.例如:微博客户端可能会在用户滑动至列表底端时自动加载下一页数据,也可能在底部放置一个"查看更多"按钮,用户点击后,加载下一页数据. 下面通过一个Demo来展示ListView功能如何实现:该Demo通过在ListVie

Entity Framework后台采用分页方式取数据与AspNetPager控件的使用

转载至:http://www.cnblogs.com/jaxu/p/3655582.html 本文是一个对AspNetPager控件使用的笔记! 有关AspNetPager控件可以查看杨涛主页.这是一个开放的自定义ASP.NET控件,支持各种自定义的数据分页方式,使用很方便,而且功能也很强大,网站开发过程中使用该控件可以省去很多不必要的麻烦. 本页下载:AspNetPager745DLL.zip 然后看一下在页面上如何通过Entity Framework将分页数据传递给该控件以实现真分页. 页面

ListView分页加载数据

在android软件开发中,ListView是一种经常被用到的组件.当需要用到列表显示的时候,通常都会用到.而使用的过程中也可能出现一些问题.比如,一次性加载过多的Item对于手机有限的内存来说,是一种负担.于是就有了分页加载的技术,一般的说,分页的使用方式有两种,一是在滑动到底部的时候,自动加载下一部分的内容.另一种则是在底部添加一个类似按钮的控件,点击后加载内容.这里介绍的是第一种.同样的,代码来自github,网址是:https://github.com/nicolasjafelle/Pa

iOS开发 - 获取真机沙盒数据

今天要获取之前真机测试时写入沙盒的数据, 本来以为挺麻烦的. 后来捣腾了一下, 才知道原来这么简单... 下面直接看具体步骤. 前提: 真机已经通过USB和你的电脑连接上了! 1.进入Organizer 2.选择你的应用. 并导出数据.(点击Download) 3.保存数据到相应位置.(点击Save) 4.打开, 查看数据. 保存完毕后, 你后发现一个这样的文件. 选中它, 右键---->显示包内容. 然后进入------->AppData ------>Documents. 即可看到你