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小数计算出现近似值的解决办法
Feb 06 Javascript
jquery中eq和get的区别与使用方法
Apr 14 Javascript
jquery 图片上传按比例预览插件集合
May 28 Javascript
Jquery 数据选择插件Pickerbox使用介绍
Aug 24 Javascript
在JavaScript中call()与apply()区别
Jan 22 Javascript
基于JS代码实现实时显示系统时间
Jun 16 Javascript
Vue.js实现的表格增加删除demo示例
May 22 Javascript
mac上配置Android环境变量的方法
Jul 08 Javascript
layui实现数据分页功能(ajax异步)
Jul 27 Javascript
vue路由缓存的几种实现方式小结
Feb 02 Javascript
vue动态渲染svg、添加点击事件的实现
Mar 13 Javascript
javascript this指向相关问题及改变方法
Nov 19 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+MSSQL分页的例子
2006/10/09 PHP
Smarty结合Ajax实现无刷新留言本实例
2007/01/02 PHP
php 代码优化的42条建议 推荐
2009/09/25 PHP
PHP编程过程中需要了解的this,self,parent的区别
2009/12/30 PHP
PHP高自定义性安全验证码代码
2011/11/27 PHP
详解PHP+AJAX无刷新分页实现方法
2015/11/03 PHP
PHP在线打包下载功能示例
2016/10/15 PHP
为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能
2009/11/24 Javascript
JavaScript中的property和attribute介绍
2011/12/26 Javascript
动态获取复选框checkbox选中个数的jquery代码
2013/06/25 Javascript
深入理解jquery中的事件与动画
2016/05/24 Javascript
JavaScript实战之带收放动画效果的导航菜单
2016/08/16 Javascript
JS制作适用于手机和电脑的通知信息效果
2016/10/28 Javascript
基于angular6.0实现的一个组件懒加载功能示例
2018/04/12 Javascript
Vue下滚动到页面底部无限加载数据的示例代码
2018/04/22 Javascript
在vue中使用express-mock搭建mock服务的方法
2018/11/07 Javascript
jQuery实现简单的Ajax调用功能示例
2019/02/15 jQuery
JavaScript 实现继承的几种方式
2021/02/19 Javascript
[07:52]2014DOTA2 TI逗比武士游V社解说背后的故事
2014/07/10 DOTA
使用python绘制人人网好友关系图示例
2014/04/01 Python
python用字典统计单词或汉字词个数示例
2014/04/22 Python
python网络编程学习笔记(三):socket网络服务器
2014/06/09 Python
python中enumerate函数用法实例分析
2015/05/20 Python
python中的格式化输出用法总结
2016/07/28 Python
浅析Python中return和finally共同挖的坑
2017/08/18 Python
python unittest实现api自动化测试
2018/04/04 Python
Python list与NumPy array 区分详解
2019/11/06 Python
python抓取多种类型的页面方法实例
2019/11/20 Python
Python:二维列表下标互换方式(矩阵转置)
2019/12/02 Python
django 读取图片到页面实例
2020/03/27 Python
keras:model.compile损失函数的用法
2020/07/01 Python
python字典通过值反查键的实现(简洁写法)
2020/09/30 Python
HTML5利用约束验证API来检查表单的输入数据的代码实例
2016/12/20 HTML / CSS
英语教研活动总结
2014/07/02 职场文书
2015年银行客户经理工作总结
2015/04/01 职场文书
志愿者服务宣传标语口号
2015/12/26 职场文书