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 相关文章推荐
图像替换新技术 状态域方法
Jan 28 Javascript
getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现
Feb 26 Javascript
十个优秀的Ajax/Javascript实例网站收集
Mar 31 Javascript
JS禁用浏览器退格键实现思路及代码
Oct 29 Javascript
js中精确计算加法和减法示例
Mar 28 Javascript
流量统计器如何鉴别C#:WebBrowser中伪造referer
Jan 07 Javascript
js实现横向百叶窗效果网页切换动画效果的方法
Mar 02 Javascript
招聘网站基于jQuery实现自动刷新简历
May 10 Javascript
Bootstrap基本插件学习笔记之标签切换(17)
Dec 08 Javascript
JavaScript实现前端分页控件
Apr 19 Javascript
JavaScript判断浏览器和hack滚动条的写法
Jul 23 Javascript
vue使用监听实现全选反选功能
Jul 06 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编写登录验证码功能 附调用方法
2016/05/19 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
为数据添加append,remove功能
2006/10/03 Javascript
利用ASP发送和接收XML数据的处理方法与代码
2007/11/13 Javascript
修复IE9&amp;safari 的sort方法
2011/10/21 Javascript
JavaScript中的对象的extensible属性介绍
2014/12/30 Javascript
JS实现CheckBox复选框全选、不选或全不选功能
2020/07/28 Javascript
RequireJs的使用详解
2017/02/19 Javascript
Angular 数据请求的实现方法
2018/05/07 Javascript
微信小程序收藏功能的实现代码
2018/06/12 Javascript
vue项目base64字符串转图片的实现代码
2018/07/13 Javascript
uni-app微信小程序登录并使用vuex存储登录状态的思路详解
2019/11/04 Javascript
微信小程序实现简单的select下拉框
2020/11/23 Javascript
javascript 数组(list)添加/删除的实现
2020/12/17 Javascript
[01:06:19]DOTA2-DPC中国联赛定级赛 LBZS vs SAG BO3第二场 1月8日
2021/03/11 DOTA
python继承和抽象类的实现方法
2015/01/14 Python
python创建一个最简单http webserver服务器的方法
2015/05/08 Python
通过实例浅析Python对比C语言的编程思想差异
2015/08/30 Python
python爬虫基本知识
2018/03/05 Python
使用python实现语音文件的特征提取方法
2019/01/09 Python
Python中@property的理解和使用示例
2019/06/11 Python
基于Python获取城市近7天天气预报
2019/11/26 Python
Python 余弦相似度与皮尔逊相关系数 计算实例
2019/12/23 Python
利用Python脚本批量生成SQL语句
2020/03/04 Python
HTML5实现视频弹幕功能
2019/08/09 HTML / CSS
亚历山大·王官网:Alexander Wang
2017/06/23 全球购物
关于毕业的广播稿
2014/01/10 职场文书
初婚初育证明
2014/01/14 职场文书
幼儿园中班教学反思
2014/02/10 职场文书
师范教师专业大学生职业生涯规划范文
2014/03/02 职场文书
党的群众路线教育实践活动自我剖析材料
2014/10/08 职场文书
2015年环卫工作总结
2015/04/28 职场文书
转学证明范本
2015/06/19 职场文书
九年级语文教学反思
2016/03/03 职场文书
Java9新特性对HTTP2协议支持与非阻塞HTTP API
2022/03/16 Java/Android
Golang原生rpc(rpc服务端源码解读)
2022/04/07 Golang