easyui 中的datagrid跨页勾选问题的实现方法


Posted in Javascript onJanuary 18, 2017

easyui的datagrid分页显示数据,如果有需求要求勾选多条数据且不再同一页中,easyui会保存在其他页选中的数据吗?

easyui 中的datagrid跨页勾选问题的实现方法easyui 中的datagrid跨页勾选问题的实现方法

一开始在网上查阅有人说easyui中没有此方法,需要自己写,但其实至少在1.4版本后只要在datagrid中加入   idField:'id',给每条数据id属性,easyui就默认就会保留之前勾选的信息,如果没有id,才会出现换页后,之前勾选的信息没有的情况。所以说网络是个好东西,但你要有分辨的能力!

下面是部分代码:

$weldingBomInstanceGrid=$("#weldingBomInstanceGrid"). 
  datagrid({ 
   striped:true, 
   rownumbers:true, 
   nowrap:false, 
   multiSort:true, 
   singleSelect:true, 
   selectOnCheck:false, 
   checkOnSelect:false, 
   remoteSort:false, 
   fit:true, 
   pagination:true, 
   pageSize:20, 
   toolbar:'#selectDiv', 
   <span style="color:#ff0000;">idField:'id',</span> 
   pageList:[20,50,100,150,200], 
   url:'weldingBomInstanceAction!list.act', 
   queryParams:{"bopTmDataSet.id":'${bopTmDataSet.id}'},//将项目的ID也要传过去 
   onBeforeLoad:function(){ 
   }, 
   rowStyler: function(index,row){ 
    
   }, 
   columns:[[ 
   <span style="color:#ff0000;">{field:'_checkbox',checkbox:true,hidden:false},</span> 
   {field:'id',title:"ID",width:100,hidden:true},

以上所述是小编给大家介绍的easyui 中的datagrid跨页勾选问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
图片按比例缩放函数
Jun 26 Javascript
javascript globalStorage类代码
Jun 04 Javascript
jquery validate demo 基础
Oct 29 Javascript
js HTML5 Ajax实现文件上传进度条功能
Feb 13 Javascript
Javascript的表单验证-初识正则表达式
Mar 18 Javascript
Vue.js展示AJAX数据简单示例讲解
Mar 29 Javascript
浅谈JS封闭函数、闭包、内置对象
Jul 18 Javascript
Ionic3实现图片瀑布流布局
Aug 09 Javascript
利用SpringMVC过滤器解决vue跨域请求的问题
Feb 10 Javascript
在微信小程序中保存网络图片
Feb 12 Javascript
Vertx基于EventBus发送接受自定义对象
Nov 16 Javascript
用vite搭建vue3应用的实现方法
Feb 22 Vue.js
JavaScript日期对象(Date)基本用法示例
Jan 18 #Javascript
jQuery中的一些小技巧
Jan 18 #Javascript
AngularJS Select(选择框)使用详解
Jan 18 #Javascript
基于JavaScript实现屏幕滚动效果
Jan 18 #Javascript
JavaScript计时器用法分析【setTimeout和clearTimeout】
Jan 18 #Javascript
JavaScript实现简易的天数计算器实例【附demo源码下载】
Jan 18 #Javascript
原生Javascript插件开发实践
Jan 18 #Javascript
You might like
PHPMailer安装方法及简单实例
2008/11/25 PHP
修改ThinkPHP缓存为Memcache的方法
2014/06/25 PHP
Ubuntu中搭建Nginx、PHP环境最简单的方法
2015/03/05 PHP
Zend Framework框架教程之Zend_Db_Table_Rowset用法实例分析
2016/03/21 PHP
javascript 兼容FF的onmouseenter和onmouseleave的代码
2008/07/19 Javascript
JQuery datepicker 使用方法
2011/05/20 Javascript
jquery五角星评分插件示例分享
2014/02/21 Javascript
js获取指定日期周数以及星期几的小例子
2014/06/27 Javascript
JS+CSS实现模仿浏览器网页字符查找功能的方法
2015/02/26 Javascript
Angularjs制作简单的路由功能demo
2015/04/14 Javascript
nodejs实现获取当前url地址及url各种参数值
2015/06/25 NodeJs
JavaScript统计网站访问次数的实现代码
2015/11/18 Javascript
分享我的jquery实现下拉菜单心的
2015/11/29 Javascript
JavaScript中Math对象的方法介绍
2017/01/05 Javascript
ES6 Promise对象概念与用法分析
2017/04/01 Javascript
Angular中的interceptors拦截器
2017/06/25 Javascript
详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持
2017/10/21 Javascript
vue项目配置同一局域网可使用ip访问的操作
2020/10/23 Javascript
vue 获取url参数、get参数返回数组的操作
2020/11/12 Javascript
linux系统使用python监控apache服务器进程脚本分享
2014/01/15 Python
黑科技 Python脚本帮你找出微信上删除你好友的人
2016/01/07 Python
python中redis的安装和使用
2016/12/04 Python
Python实现的三层BP神经网络算法示例
2018/02/07 Python
python 实现倒排索引的方法
2018/12/25 Python
Python3监控windows,linux系统的CPU、硬盘、内存使用率和各个端口的开启情况详细代码实例
2020/03/18 Python
六道php面试题附答案
2014/06/05 面试题
多媒体专业自我鉴定
2014/02/28 职场文书
春风行动实施方案
2014/03/28 职场文书
大学竞选班长演讲稿
2014/04/24 职场文书
运动员获奖感言
2014/08/15 职场文书
法定代表人身份证明书
2015/06/18 职场文书
世界名著读书笔记
2015/06/25 职场文书
红楼梦读书笔记
2015/06/25 职场文书
人代会简报
2015/07/21 职场文书
因个人工作失误检讨书
2019/06/21 职场文书
设置IIS Express并发数
2022/07/07 Servers