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 09 Javascript
Javascript 陷阱 window全局对象
Nov 26 Javascript
javascript globalStorage类代码
Jun 04 Javascript
Javascript Memoizer浅析
Oct 16 Javascript
javascript显式类型转换实例分析
Apr 25 Javascript
javascript实现Table排序的方法
May 15 Javascript
jquery插件NProgress.js制作网页加载进度条
Jun 05 Javascript
jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
Sep 14 Javascript
javascript函数自动执行常用方法汇总
Mar 28 Javascript
JS实现微信摇一摇原理解析
Jul 22 Javascript
微信小程序中使用Promise进行异步流程处理的实例详解
Aug 17 Javascript
vue项目中实现的微信分享功能示例
Jan 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
解析VS2010利用VS.PHP插件调试PHP的方法
2013/07/19 PHP
PHP中的替代语法简介
2014/08/22 PHP
PHP 闭包详解及实例代码
2016/09/28 PHP
PHP实现二维数组根据key进行排序的方法
2016/12/30 PHP
php 解决扫描二维码下载跳转问题
2017/01/13 PHP
Javascript面向对象设计一 工厂模式
2011/12/20 Javascript
用js代码改变单选框选中状态的简单实例
2013/12/18 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
2015/08/05 Javascript
详解JavaScript中localStorage使用要点
2016/01/13 Javascript
JavaScript数值千分位格式化的两种简单实现方法
2016/08/01 Javascript
使用Javascript监控前端相关数据的代码
2016/10/27 Javascript
jQuery实现多张图片上传预览(不经过后端处理)
2017/04/29 jQuery
JS判断时间段的实现代码
2017/06/14 Javascript
JavaScript闭包的简单应用
2017/09/01 Javascript
微信小程序实现的涂鸦功能示例【附源码下载】
2018/01/12 Javascript
使用mpvue搭建一个初始小程序及项目配置方法
2018/12/03 Javascript
30分钟用Node.js构建一个API服务器的步骤详解
2019/05/24 Javascript
localstorage实现带过期时间的缓存功能
2019/06/28 Javascript
Vue中util的工具函数实例详解
2019/07/08 Javascript
Element ui 下拉多选时新增一个选择所有的选项
2019/08/21 Javascript
vue.js实现二级菜单效果
2019/10/19 Javascript
解决vue bus.$emit触发第一次$on监听不到问题
2020/07/28 Javascript
Python 模板引擎的注入问题分析
2017/01/01 Python
Python实现句子翻译功能
2017/11/14 Python
python打包压缩、读取指定目录下的指定类型文件
2018/04/12 Python
5款Python程序员高频使用开发工具推荐
2019/04/10 Python
numpy数组之存取文件的实现示例
2019/05/24 Python
python银行系统实现源码
2019/10/25 Python
Python+redis通过限流保护高并发系统
2020/04/15 Python
JBL美国官方商店:扬声器、耳机等
2019/12/01 全球购物
进程的查看和调度分别使用什么命令
2013/12/14 面试题
毕业生机械建模求职信
2013/10/14 职场文书
函授本科自我鉴定
2013/11/03 职场文书
师德个人剖析材料
2014/02/02 职场文书
2014年材料员工作总结
2014/11/19 职场文书
代理词怎么写
2015/05/25 职场文书