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 相关文章推荐
javascript按位非运算符的使用方法
Nov 14 Javascript
JavaScript实现向setTimeout执行代码传递参数的方法
Apr 16 Javascript
JavaScript实现的经典文件树菜单效果
Sep 08 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
Aug 01 Javascript
node.js中module.exports与exports用法上的区别
Sep 02 Javascript
详解AngularJS验证、过滤器、指令
Jan 04 Javascript
js前端实现图片懒加载(lazyload)的两种方式
Apr 24 Javascript
React 源码中的依赖注入方法
Nov 07 Javascript
JavaScript 反射和属性赋值实例解析
Oct 28 Javascript
javascript设计模式 ? 工厂模式原理与应用实例分析
Apr 09 Javascript
Vue+tracking.js 实现前端人脸检测功能
Apr 16 Javascript
js模拟实现百度搜索
Jun 28 Javascript
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
echo, print, printf 和 sprintf 区别
2006/12/06 PHP
PHP设计模式之装饰者模式
2012/02/29 PHP
调整PHP的性能
2013/10/30 PHP
php获取微信openid方法总结
2019/10/10 PHP
Display SQL Server Login Mode
2007/06/21 Javascript
node.js中的http.response.writeHead方法使用说明
2014/12/14 Javascript
js实现九宫格图片半透明渐显特效的方法
2015/02/16 Javascript
javascript显示中文日期的方法
2015/06/18 Javascript
JS实现光滑展开合拢的菜单效果代码
2015/09/16 Javascript
jQuery解决浏览器兼容性问题案例分析
2016/04/15 Javascript
Javascript中判断一个值是否为undefined的方法详解
2016/09/28 Javascript
PHP 实现一种多文件上传的方法
2017/09/20 Javascript
jQuery中库的引用方法
2018/01/06 jQuery
electron + vue项目实现打印小票功能及实现代码
2018/11/25 Javascript
vue键盘事件点击事件加native操作
2020/07/27 Javascript
Python中itertools模块用法详解
2014/09/25 Python
对python list 遍历删除的正确方法详解
2018/06/29 Python
python实现简单五子棋游戏
2019/06/18 Python
html5 canvas的绘制文本自动换行的示例代码
2018/09/17 HTML / CSS
百思买美国官网:Best Buy
2016/07/28 全球购物
英国领先的维生素和补充剂品牌:Higher Nature
2019/08/26 全球购物
印度手工编织服装和家居用品商店:Fabindi
2019/10/07 全球购物
以太网Ethernet IEEE802.3
2013/08/05 面试题
vue 中 get / delete 传递数组参数方法
2021/03/23 Vue.js
计算机通信工程专业毕业生推荐信
2013/12/24 职场文书
初三化学教学反思
2014/01/23 职场文书
西北政法大学自主招生自荐信
2014/01/29 职场文书
高一数学教学反思
2014/02/07 职场文书
中医学专业自荐信范文
2014/04/01 职场文书
迎新晚会策划方案
2014/06/13 职场文书
党的群众路线教育实践活动个人整改方案
2014/09/21 职场文书
个人租房协议书范本
2014/09/30 职场文书
公司领导班子群众路线四风问题对照检查材料
2014/10/02 职场文书
民事撤诉申请书范本
2015/05/18 职场文书
建国大业观后感
2015/06/01 职场文书
MySQL一些常用高级SQL语句
2021/07/03 MySQL