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(DHTML)中的一些技巧
Jan 09 Javascript
使用node.js半年来总结的 10 条经验
Aug 18 Javascript
JS+CSS实现淡入式焦点图片幻灯切换效果的方法
Feb 26 Javascript
js控制网页前进和后退的方法
Jun 08 Javascript
JavaScript高级程序设计(第三版)学习笔记1~5章
Mar 11 Javascript
AngularJS用户选择器指令实例分析
Nov 04 Javascript
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
Jan 21 Javascript
Vue.js如何实现路由懒加载浅析
Aug 14 Javascript
vue bus全局事件中心简单Demo详解
Feb 26 Javascript
详解VUE中常用的几种import(模块、文件)引入方式
Jul 03 Javascript
layer.alert回调函数执行关闭弹窗的实例
Sep 11 Javascript
vue 中几种传值方法(3种)
Nov 12 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自动更新新闻DIY
2006/10/09 PHP
收藏的PHP常用函数 推荐收藏保存
2010/02/21 PHP
PHP判断图片格式的七种方法小结
2013/06/03 PHP
PHP生成不同颜色、不同大小的tag标签函数
2013/09/23 PHP
yii分页组件用法实例分析
2015/12/28 PHP
PHP实现图片不变型裁剪及图片按比例裁剪的方法
2016/01/14 PHP
YII Framework教程之异常处理详解
2016/03/14 PHP
laravel自定义分页效果
2017/07/23 PHP
jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍
2013/04/07 Javascript
JS随机生成不重复数据的实例方法
2013/07/17 Javascript
JS实现带圆弧背景渐变效果的导航菜单代码
2015/10/13 Javascript
基于jQuery实现的幻灯图片切换
2016/12/02 Javascript
Bootstrap源码学习笔记之bootstrap进度条
2016/12/24 Javascript
详解node HTTP请求客户端 - Request
2017/05/05 Javascript
Android 自定义view仿微信相机单击拍照长按录视频按钮
2019/07/19 Javascript
javascript使用链接跨域下载图片
2019/11/01 Javascript
微信小程序实现星星评分效果
2020/11/01 Javascript
深入解读Python解析XML的几种方式
2016/02/16 Python
Python语言描述KNN算法与Kd树
2017/12/13 Python
导入tensorflow:ImportError: libcublas.so.9.0 报错
2020/01/06 Python
解决jupyter notebook打不开无反应 浏览器未启动的问题
2020/04/10 Python
对Matlab中共轭、转置和共轭装置的区别说明
2020/05/11 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
5分钟快速掌握Python定时任务框架的实现
2021/01/26 Python
美国最好的钓鱼、狩猎和划船装备商店:Bass Pro Shops
2018/12/02 全球购物
Diamondback自行车:拥有你的冒险
2019/04/22 全球购物
机械电子工程专业推荐信范文
2013/11/20 职场文书
大一军训感言
2014/01/09 职场文书
小学三年级数学教学反思
2014/01/31 职场文书
请假条范文大全
2014/04/10 职场文书
中学生国旗下讲话稿
2014/04/26 职场文书
2014学习优秀共产党员先进事迹思想汇报
2014/09/14 职场文书
金融专业银行实习证明模板
2014/11/28 职场文书
结婚通知短信大全
2015/04/17 职场文书
爱心捐书倡议书
2015/04/27 职场文书
适合毕业生创业的项目怎么找?
2019/08/08 职场文书