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中的有名函数和无名函数
Oct 17 Javascript
基于PHP+Jquery制作的可编辑的表格的代码
Apr 10 Javascript
面向对象继承实例(a如何继承b问题)(自写)
Jul 01 Javascript
js获取IP和PcName(IE)在vs中可用
Aug 02 Javascript
一个可以增加和删除行的table并可编辑表格中内容
Jun 16 Javascript
jQuery实现表格行上移下移和置顶的方法
May 22 Javascript
js实现商品抛物线加入购物车特效
Nov 18 Javascript
Vue CLI 2.x搭建vue(目录最全分析)
Feb 27 Javascript
js实现适配移动端的拖动效果
Jan 13 Javascript
JS操作Fckeditor的一些常用方法(获取、插入等)
Feb 19 Javascript
Vue+Vuex实现自动登录的知识点详解
Mar 04 Javascript
JavaScript实现打字游戏
Feb 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
松下Panasonic RF-B65电路分析
2021/03/02 无线电
JavaScript学习笔记(十七)js 优化
2010/02/04 Javascript
IE8 chrome中table隔行换色解决办法
2010/07/09 Javascript
javascript中注册和移除事件的4种方式
2013/03/20 Javascript
HTML页面弹出居中可拖拽的自定义窗口层
2014/05/07 Javascript
javascript中字符串拼接详解
2014/09/26 Javascript
流量统计器如何鉴别C#:WebBrowser中伪造referer
2015/01/07 Javascript
jquery常用函数与方法汇总
2015/09/01 Javascript
jQuery多级手风琴菜单实例讲解
2015/10/22 Javascript
javascript之Boolean类型对象
2016/06/07 Javascript
Ubuntu系统下Angularjs开发环境安装
2016/09/01 Javascript
基于javascript实现的购物商城商品倒计时实例
2016/12/11 Javascript
详解AngularJS 模块化
2017/06/14 Javascript
AngualrJs清除定时器遇到的坑
2017/10/13 Javascript
解决Vue 浏览器后退无法触发beforeRouteLeave的问题
2017/12/24 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
2019/02/01 Javascript
对layui中table组件工具栏的使用详解
2019/09/19 Javascript
微信域名检测接口调用演示步骤(含PHP、Python)
2019/12/08 Javascript
vue中可编辑树状表格的实现代码
2020/10/31 Javascript
[03:57]2016完美“圣”典风云人物:rOtk专访
2016/12/09 DOTA
对Pandas MultiIndex(多重索引)详解
2018/11/16 Python
Python设计模式之职责链模式原理与用法实例分析
2019/01/11 Python
python使用opencv对图像mask处理的方法
2019/07/05 Python
PyCharm+Pipenv虚拟环境开发和依赖管理的教程详解
2020/04/16 Python
Django调用百度AI接口实现人脸注册登录代码实例
2020/04/23 Python
基于django micro搭建网站实现加水印功能
2020/05/22 Python
英国No.1文具和办公用品在线:Euroffice
2016/09/21 全球购物
Mankind西班牙男士护肤品网站:购买皮肤护理、护发和剃须
2017/04/27 全球购物
担保书格式及范文
2014/04/01 职场文书
我们的节日清明节活动总结
2014/04/30 职场文书
作风建设年活动总结
2014/08/27 职场文书
政府班子四风问题整改措施思想汇报
2014/10/08 职场文书
劳模事迹材料范文
2014/12/24 职场文书
公司地址变更通知
2015/04/25 职场文书
标准版个人借条怎么写?以及什么是借条?
2019/08/28 职场文书
win10安装配置nginx的过程
2021/03/31 Servers