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 相关文章推荐
自动更新作用
Oct 08 Javascript
JS代码格式化和语法着色V2
Oct 14 Javascript
use jscript List Installed Software
Jun 11 Javascript
js数组如何添加json数据及js数组与json的区别
Oct 27 Javascript
详解javascript的变量与标识符
Jan 04 Javascript
AngularJS基础 ng-selected 指令简单示例
Aug 03 Javascript
JavaScript实现in-place思想的快速排序方法
Aug 07 Javascript
jQuery+CSS3实现点赞功能
Mar 13 Javascript
Vue非父子组件通信详解
Jun 12 Javascript
详解axios 全攻略之基本介绍与使用(GET 与 POST)
Sep 15 Javascript
vue使用自定义icon图标的方法
May 14 Javascript
傻瓜式vuex语法糖kiss-vuex整理
Dec 21 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随机生成福彩双色球号码的2种方法
2013/02/04 PHP
PHP实现单例模式最安全的做法
2014/06/13 PHP
PHP清除数组中所有字符串两端空格的方法
2014/10/20 PHP
php微信开发接入
2016/08/27 PHP
JavaScript 动态改变图片大小
2009/06/11 Javascript
javascript与CSS复习(《精通javascript》)
2010/06/29 Javascript
用JQuery实现表格隔行变色和突出显示当前行的代码
2012/02/10 Javascript
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
2013/01/24 Javascript
基于JavaScript 数据类型之Boolean类型分析介绍
2013/04/19 Javascript
js实现浏览器的各种菜单命令比如打印、查看源文件等等
2013/10/24 Javascript
js实现双击图片放大单击缩小的方法
2015/02/17 Javascript
ECMAScript6函数剩余参数(Rest Parameters)
2015/06/12 Javascript
javascript倒计时效果实现
2015/11/12 Javascript
AngularJS内建服务$location及其功能详解
2016/07/01 Javascript
基于JavaScript实现随机颜色输入框
2016/12/10 Javascript
Angular使用$http.jsonp发送跨站请求的方法
2017/03/16 Javascript
nodejs+websocket实时聊天系统改进版
2017/05/18 NodeJs
Vue之Watcher源码解析(1)
2017/07/19 Javascript
js实现网页的两个input标签内的数值加减(示例代码)
2017/08/15 Javascript
微信小程序methods中定义的方法互相调用的实例代码
2018/08/07 Javascript
TypeScript中使用getElementXXX()的示例代码
2019/09/12 Javascript
通过Kettle自定义jar包供javascript使用
2020/01/29 Javascript
如何在Python函数执行前后增加额外的行为
2016/10/20 Python
Python使用progressbar模块实现的显示进度条功能
2018/05/31 Python
利用Python+阿里云实现DDNS动态域名解析的方法
2019/04/01 Python
tensorboard显示空白的解决
2020/02/15 Python
Python如何使用ConfigParser读取配置文件
2020/11/12 Python
伦敦高达60%折扣的钻石珠宝商:Purely Diamonds
2018/06/24 全球购物
Made in Design德国:设计师家具、灯具和装饰
2019/10/31 全球购物
大专毕业生自我评价分享
2013/11/10 职场文书
仓库管理专业个人自我评价范文
2013/11/11 职场文书
音乐幼师求职信
2014/07/09 职场文书
学生会竞选演讲稿怎么写
2014/08/26 职场文书
岗位竞聘报告范文
2014/11/06 职场文书
布达拉宫的导游词
2015/02/02 职场文书
MySQL优化常用的19种有效方法(推荐!)
2022/03/17 MySQL