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 相关文章推荐
使用JS 清空File控件的路径值
Jul 08 Javascript
基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
May 11 Javascript
jQuery前端分页示例分享
Feb 10 Javascript
JavaScript判断是否为数字的4种方法及效率比较
Apr 01 Javascript
基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)
Dec 29 Javascript
Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别
Dec 30 Javascript
jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法
Jul 27 Javascript
基于AngularJS实现iOS8自带的计算器
Sep 12 Javascript
vue-cli构建项目下使用微信分享功能
May 28 Javascript
基于Vue+element-ui 的Table二次封装的实现
Jul 20 Javascript
vue.js实现左边导航切换右边内容
Oct 21 Javascript
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
Mar 31 jQuery
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
excellent!――ASCII Art(由目标图象生成ascii)
2007/02/20 PHP
php制作简单模版引擎
2016/04/07 PHP
php分享朋友圈的实现代码
2019/02/18 PHP
Js之软键盘实现(js源码)
2007/01/30 Javascript
基于jquery的让textarea自适应高度的插件
2010/08/03 Javascript
javascript拓展DOM操作 prependChild insertAfert
2010/11/17 Javascript
关于递归运算的顺序测试代码
2011/11/30 Javascript
js实现从中间开始往上下展开网页窗口的方法
2015/03/02 Javascript
JS实现隐藏同级元素后只显示JS文件内容的方法
2016/09/04 Javascript
微信小程序 form组件详解
2016/10/25 Javascript
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
2018/04/19 Javascript
vue操作下拉选择器获取选择的数据的id方法
2018/08/24 Javascript
vue axios重复点击取消上一次请求封装的方法
2019/06/19 Javascript
[01:04:01]2014 DOTA2华西杯精英邀请赛5 24 DK VS VG
2014/05/25 DOTA
[01:07:34]DOTA2-DPC中国联赛定级赛 RNG vs Aster BO3第二场 1月9日
2021/03/11 DOTA
Python使用PyGreSQL操作PostgreSQL数据库教程
2014/07/30 Python
Python实现的检测网站挂马程序
2014/11/30 Python
使用Python将数组的元素导出到变量中(unpacking)
2016/10/27 Python
Python安装模块的常见问题及解决方法
2018/02/05 Python
Python3实现转换Image图片格式
2018/06/21 Python
Python解决走迷宫问题算法示例
2018/07/27 Python
python3.6.3安装图文教程 TensorFlow安装配置方法
2020/06/24 Python
selenium python 实现基本自动化测试的示例代码
2019/02/25 Python
python实现音乐播放和下载小程序功能
2020/04/26 Python
安装pyecharts1.8.0版本后导入pyecharts模块绘图时报错: “所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 ”的解决方法
2020/08/18 Python
用python监控服务器的cpu,磁盘空间,内存,超过邮件报警
2021/01/29 Python
Java语言程序设计测试题判断题部分
2013/01/06 面试题
JSP和Servlet有哪些相同点和不同点,他们之间的联系是什么?
2015/10/22 面试题
酒店中秋节促销方案
2014/01/30 职场文书
战略合作意向书范本
2014/04/01 职场文书
门前三包责任书
2014/04/15 职场文书
纺织工程专业推荐信
2014/09/08 职场文书
2014年平安建设工作总结
2014/11/19 职场文书
岗位聘任报告
2015/03/02 职场文书
2019员工保密协议书(3篇)
2019/09/23 职场文书
尝试使用Python爬取城市租房信息
2022/04/12 Python