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做一个小游戏平台 (一)
Dec 29 Javascript
js两行代码按指定格式输出日期时间
Oct 21 Javascript
能说明你的Javascript技术很烂的五个原因分析
Oct 28 Javascript
JQuery+CSS提示框实现思路及代码(纯手工打造)
May 07 Javascript
浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
Nov 23 Javascript
jquery通过load获取文件的内容并跳到锚点的方法
Jan 29 Javascript
PhotoSwipe异步动态加载图片方法
Aug 25 Javascript
js省市区级联查询(插件版&amp;无插件版)
Mar 21 Javascript
JavaScript引用类型Object常见用法实例分析
Aug 08 Javascript
详解关于Vue单元测试的几个坑
Apr 26 Javascript
vue 调用 RESTful风格接口操作
Aug 11 Javascript
vue组件实现移动端九宫格转盘抽奖
Oct 16 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
介绍几个array库的新函数 php
2006/12/29 PHP
PHP中使用gettext来支持多语言的方法
2011/05/02 PHP
php查找任何页面上的所有链接的方法
2013/12/03 PHP
windwos下使用php连接oracle数据库的过程分享
2014/05/26 PHP
Laravel框架学习笔记(一)环境搭建
2014/10/15 PHP
Laravel Validator 实现两个或多个字段联合索引唯一
2019/05/08 PHP
让你的PHP,APACHE,NGINX支持大文件上传
2021/03/09 PHP
jquery实现图片滚动效果的简单实例
2013/11/23 Javascript
纯JS实现旋转图片3D展示效果
2015/04/12 Javascript
jquery实现点击label的同时触发文本框点击事件的方法
2015/06/05 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
2016/03/22 Javascript
微信小程序 获取微信OpenId详解及实例代码
2016/10/31 Javascript
Vue概念及常见命令介绍(1)
2016/12/08 Javascript
简单实现JS计算器功能
2016/12/21 Javascript
nodejs body-parser 解析post数据实例
2017/07/26 NodeJs
VUE + UEditor 单图片跨域上传功能的实现方法
2018/02/08 Javascript
JS中DOM元素的attribute与property属性示例详解
2018/09/04 Javascript
jQuery设置下拉框显示与隐藏效果的方法分析
2019/09/15 jQuery
用原生JS实现爱奇艺首页导航栏代码实例
2019/09/19 Javascript
java遇到微信小程序 &quot;支付验证签名失败&quot; 问题解决
2019/12/22 Javascript
[10:24]郎朗助力完美“圣”典,天籁交织奏响序曲
2016/12/18 DOTA
[30:37]【全国守擂赛】第三周擂主赛 Dark Knight vs. Leopard Gaming
2020/05/04 DOTA
python单例模式的多种实现方法
2019/07/26 Python
将python文件打包exe独立运行程序方法详解
2020/02/12 Python
Python实现寻找回文数字过程解析
2020/06/09 Python
python实现猜数游戏(保存游戏记录)
2020/06/22 Python
HTML5实现页面切换激活的PageVisibility API使用初探
2016/05/13 HTML / CSS
德国最大的服装、鞋子和配件在线商店之一:Outfits24
2019/07/23 全球购物
Java如何获得ResultSet的总行数
2016/09/03 面试题
什么是servlet
2012/05/08 面试题
肯尼迪就职演说稿
2013/12/31 职场文书
学生会离职感言
2014/02/11 职场文书
元宵节寄语大全
2015/02/27 职场文书
2015年语文教研组工作总结
2015/05/23 职场文书
python OpenCV学习笔记
2021/03/31 Python
PHP控制循环操作的时间
2021/04/01 PHP