位置: 编程技术 - 正文

jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码

编辑:rootadmin

推荐整理分享jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

1、先给出问题解决后的代码

2、页面大概的样子

3、问题及解答,问题层层递进,每一个问题的前提是前一个问题已经解决。

已知:一个普通的datagrid表格。

问题1:如何实现翻页。

前台:pagination:true,表示显示分页toolbar。

后台:

说明:后台从request.getParameter里取两个参数,page和rows,分别代表当前的页数及每页显示几行数据。total是总数据数。

GridModel类:

问题2:如何在datagrid表格里第一列显示checkbox,并且让行选中和checkbox选中等同&#;

答:

1、singleSelect:false,设置表格为复选模式

2、{field:'ck',checkbox:true},这里面的checkbox:true表示该列显示复选按钮。

2、查看easyUI的文档: true,当用户点击某一行时,则会选中/取消选中复选框。如果设置为 false 时,只有当用户点击了复选框时,才会选中/取消选中复选框。

selectOnCheck:如果设置为 true,点击复选框将会选中该行。如果设置为 false,选中该行将不会选中复选框。

所以,将这两个属性置为true。

jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码

问题3:如何在执行翻页以前将被选中的行的主键保存起来

答:此问题可分解为以下两个问题:

1、如何将勾选中的行保存起来

因为翻页是重新到后台取下一页数据,也就是数据重新加载的过程,所以可以考虑在onBeforeLoad时做相关处理。

先定义好一个数组idsArray用来保存选中行的主键,再用$dg.datagrid('getSelections')取得选中的行。也就是行的方法addSelectedGoodsIdToArray做的事情。

下面看上边发的大概样子图片,点击“下一步”是将当前datagrid中被选中的内容提交到后台处理,即页面中的function nextStep()要做的事,所以在netStep()中需要首先执行

一下addSelectedGoodsIdToArray,将选中的内容保存起来,否则当数据提交后台时,当前这一页选中的行并没有存起来,因为当前这一页的addSelectedGoodsIdToArray并未触发执行。

2、如何将选中以后又取消选中的行从保存的记录中删除

经过测试,在我将checkOnSelect和selectOnCheck都设为true以后, onClickRow在被调用时会自动调用onCheck或onUncheck(请注意此处的拼写,后一个check的首字母是小写,如果误

写成大写就会失效),而onCheck和onUncheck在执行时并不会自动调用onClickRow。所以,如果我们想要在用户取消勾选一行以后做点事,只要在onUncheck里做就行了。这就是行做的事。

问题4:如何在datagrid数据加载完之后自动将被选中的行选中?

答:因为翻页是重新到后台取下一页数据,也就是数据重新加载的过程。所以只要在onLoadSuccess中解决这个勾选的问题,那么当向前翻页的时候,之前选中的行也会实现自动勾选。

1、onLoadSuccess方法中传进来的data参数,它的data.rows()表示当前datagrid中的数据。

2、$dg.datagrid('selectRow',index);将第index行的数据选中。这里的index从零开始,index不等于当前行的数据的主键,而是表格的自然行号。

3、data.rows().goodsId:取得当前行数据的goodsId属性的值

知道了以上三点,大概就清楚了,遍历idsArray,将当前行的主键与之匹配,匹配上了就勾选。

注意第三点,我们选择一列值的前提是该列被显示在表格中,如果想隐藏它,只需hidden:true。

以上所述是小编给大家介绍的jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据 废话不多说了,直接给大家贴代码了。关键代码如下所示:///最近一次使用编辑行一切正常///summary///初始化数据容器////summaryfunctionInitGrid(){varlastIndex;$("

jQuery Easyui Tabs扩展根据自定义属性打开页签 easyui是一个轻量级的后台管理系统框架,各种组件均有,使用简单方便,现在已经有免费版的License了。1.增加扩展scripttype="text/javascript"/***@author{kexb}easyu

jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题 HTML结构:很简单,就一个input,一个div,能说明问题就OK了;inputtype="text"value="默认值"br/br/div搜索/div想要实现的结果:1、input框获取焦点时value为,失去

标签: jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码

本文链接地址:https://www.jiuchutong.com/biancheng/384079.html 转载请保留说明!

上一篇:jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果

下一篇:jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据

  • 增值税开票软件ukey版
  • 临时工工资列支工资吗
  • 简易办法征收增值税怎么计算
  • 股东分红需要开股东会决定吗?
  • 年报从业人数可以填一人吗
  • 怎么用一证通报税
  • 往来账项询证函一定要回复吗
  • 资产负债表上的资产是原值还是净值
  • 技改贴息资金的财务、会计及税收处理
  • 超额投资是什么意思
  • 报销 交通费
  • 财务费用利息收入借方为负数是什么意思
  • 一般纳税人怎么转小规模
  • 白条入账所得税怎么做纳税调曾
  • 生产型企业付的消防年检费记什么科目
  • 生产成本明细科目是原材料的名称吗
  • 公司成立初期费用入账
  • 增值税专用发票使用规定 最新
  • 付款小于发票金额的原因
  • 详解劳务报酬个人所得税应该怎么计算?
  • 营业执照印花税税率
  • 出租房屋房产税怎么算
  • 电子发票一定要入账吗
  • 营改增后如何纳税
  • 补助及救济费用
  • 印花税税基含不含增值税
  • 金税盘怎么增加复核人
  • 2021年购买车辆的进项税能抵扣吗
  • 装修待摊费用当月摊销吗
  • 专利技术使用权转让属于特许权使用费
  • 残保金申报有什么用
  • 商品超出几倍合法
  • 劳务市场零工临时工
  • 生产企业成本会计科目
  • 华为手机哪一款好用性价比高
  • 系统托盘右键
  • 赠品如何做兑换码
  • 农业合作社农民合作社
  • 如何突出显示一行中的最小值
  • sgbhp.exe - sgbhp是什么进程 有什么用
  • 超市收取进场费会计分录
  • 公司暂估成本是什么意思
  • win11搜索栏不能用
  • KbdTray.exe - KbdTray是什么进程 有什么作用
  • 购买房屋用于出租算投资房吗
  • php函数作用
  • 检测费可以抵扣增值税吗
  • 其他应收款包括应收利息吗
  • 发票认证的目的和意义
  • 同业代付业务会计核算
  • 装卸搬运的设备有哪些
  • 劳务工资缴税标准
  • 辞退福利是短期还是长期
  • sql注入攻击代码
  • sqlserver2008连接
  • 软件研发费用怎么做账
  • 私车公用协议可以过户吗
  • 资产现金流量收益率为什么不是净利润除以平均现金流量
  • 事业单位结余是什么意思
  • 技术服务费发票样本
  • 小企业建账选哪种会计制度
  • sql server 还原数据库后显示为备用只读
  • window10怎么window7
  • Windows server 2008设置远程桌面连接的详细步骤(图文教程)
  • win7修改sid
  • xp系统无法停用wifi连接
  • win7任务栏跑到右边了
  • 在对linux系统中dir
  • win10预览版21337
  • win7网络连接无internet简单修复方法
  • opengl绘制函数
  • 使用权资产
  • shell自定义函数以及使用
  • js设计模式有什么用
  • 村委会税务登记流程
  • 税务师事务所行政登记表怎么办理
  • 我的世界服务器怎么创建
  • 企业年报通怎么注销
  • 哈尔滨银行网上银行怎么开通
  • 企业税收有哪些税种
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设