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 相关文章推荐
jQuery第三课 修改元素属性及内容的代码
Mar 14 Javascript
浮动的div自适应居中显示的js代码
Dec 23 Javascript
jquery解析xml字符串示例分享
Mar 25 Javascript
jQuery简单实现仿京东商城的左侧菜单效果代码
Sep 09 Javascript
jquery实现超简单的瀑布流布局【推荐】
Mar 08 Javascript
axios基本入门用法教程
Mar 25 Javascript
Vue.js划分组件的方法
Oct 29 Javascript
利用Javascript获取选择文本所在的句子详解
Dec 03 Javascript
Vue中的情侣属性$dispatch和$broadcast详解
Mar 07 Javascript
使用layui实现树形结构的方法
Sep 20 Javascript
环形加载进度条封装(Vue插件版和原生js版)
Dec 04 Javascript
如何在CocosCreator里画个炫酷的雷达图
Apr 16 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
php下将图片以二进制存入mysql数据库中并显示的实现代码
2010/05/27 PHP
PHP学习之正则表达式
2011/04/17 PHP
关于使用coreseek并为其做分页的介绍
2013/06/21 PHP
Windows下安装PHP单元测试环境PHPUnit图文教程
2014/10/24 PHP
两种php去除二维数组的重复项方法
2015/11/04 PHP
任意位置显示html菜单
2007/02/01 Javascript
参考:关于Javascript中实现暂停的几篇文章
2007/03/04 Javascript
jQuery 插件 将this下的div轮番显示
2009/04/09 Javascript
jQuery循环滚动展示代码 可应用到文字和图片上
2012/05/11 Javascript
当鼠标滑过文本框自动选中输入框内容的JS代码分享
2013/11/26 Javascript
ExtJS4 动态生成的grid导出为excel示例
2014/05/02 Javascript
JavaScript设置表单上传时文件个数的方法
2015/08/11 Javascript
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
2016/01/08 Javascript
JS未跨域操作iframe里的DOM
2016/06/01 Javascript
jQuery实现ajax无刷新分页页码控件
2017/02/28 Javascript
jquery单击文字或图片内容放大并居中显示
2017/06/23 jQuery
提高Node.js性能的应用技巧分享
2017/08/10 Javascript
在JavaScript中使用严格模式(Strict Mode)
2019/06/13 Javascript
python开发的小球完全弹性碰撞游戏代码
2013/10/15 Python
Python工程师面试必备25条知识点
2018/01/17 Python
Django框架创建mysql连接与使用示例
2019/07/29 Python
Python使用Tkinter实现转盘抽奖器的步骤详解
2020/01/06 Python
Django单元测试中Fixtures的使用方法
2020/02/26 Python
解决virtualenv -p python3 venv报错的问题
2021/02/05 Python
Flask中jinja2的继承实现方法及实例
2021/03/03 Python
详解css3中的伪类before和after常见用法
2020/11/17 HTML / CSS
美国杂志订阅折扣与优惠网站:Magazines.com
2016/08/31 全球购物
美国性感内衣店:Yandy
2018/06/12 全球购物
德国药房apodiscounter中文官网:德国排名前三的网上药店
2019/06/03 全球购物
碧欧泉Biotherm加拿大官方网站:法国高端护肤品牌
2019/10/18 全球购物
办公室文秘自我评价
2013/09/21 职场文书
税务会计岗位职责
2014/02/18 职场文书
商业房地产广告语
2014/03/13 职场文书
大班亲子运动会方案
2014/06/10 职场文书
MySQL infobright的安装步骤
2021/04/07 MySQL
《巫师》是美食游戏?CDPR10月将推出《巫师》官方食谱
2022/04/03 其他游戏