位置: 编程技术 - 正文

Easyui笔记2:实现datagrid多行删除的示例代码(easyui demo)

编辑:rootadmin

推荐整理分享Easyui笔记2:实现datagrid多行删除的示例代码(easyui demo),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:easyui multiple,easyui onchange,easyui multiple,easyui region,easyui-dialog,easyui-dialog,easyui multiple,easyui实例,内容如对您有帮助,希望把文章链接给更多的朋友!

如何实现datagrid多行删除?

最近在前端界面开发中,使用了datagrid组件。需要完成一个多行勾选并删除的功能。

查看easyui api,其中有一个deleteRow方法,传入要删除行的索引,即可删除该行。

错误做法

于是准备用deleteRow方法和onChecked和onUncheck事件配合使用,来完成多行删除功能。

当用户勾选一行时,触发onChecked事件,将onChecked事件传进来的index索引push到一个全局array中。

当用户取消勾选的时候,触发onUncheck事件,得到onUncheck时间传进来的index索引,用splice方法把array中的该索引值去掉。

这样就能用一个array数组动态记录用户勾选行的索引数组。

然后遍历这个array一行一行deleteRow不就可以了么。

Easyui笔记2:实现datagrid多行删除的示例代码(easyui demo)

然而实际情况并不是这样,当deleteRow的时候,该行后面的索引值全部向前挪一位。比如,一共有行(第一行索引为0),我删除了第5行,后面6~9行的索引变成了5~8。这样对于之前记录在array中的索引值就不准确了,会导索引错乱,不能删掉想要删的行。

正确做法:deleteRow,getChecked和getRowIndex配合使用

如果能够将array中记录的index值从小到大排序,然后依次从后向前删除,就能解决行号错乱的问题了。(从后向前删,不会影响到前面行号的索引)。

根据这个思路,其实不用将array排序,利用datagird提供的方法,即可实现这个功能。

这里就不需要onChecked和onUncheck事件了。

用户在点击删除按钮时,首先通过getChecked拿到用户勾选的行的数据数组。

然后通过for循环,从最后一行开始向前遍历,每次遍历,用getRowIndex方法得到该行的索引,然后用deleteRow删除该行即可!

效果展示

html代码:

js代码:

标签: easyui demo

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

上一篇:jQuery实现select模糊查询(反射机制)

下一篇:jquery mobile移动端幻灯片滑动切换效果(jquery移动节点的方法)

  • 销项税额期末余额
  • 固定资产安装费用怎么处理
  • 所得税申报是什么
  • 怎么在网上申请电话卡
  • 批发商税率
  • 金税三期报税软件
  • 商家促销怎么做
  • 生产过程半成品报废
  • 地质勘察费用应由谁支付
  • 客户以旧料抵货款账务如何处理?
  • 车间领用低值易耗品记账凭证
  • 政府扶持资金是什么意思
  • 法人代表借钱给公司可以做短期借款吗
  • 小规模纳税人收入账务处理
  • 超市的发票是什么种类
  • 企业应缴的教育费附加税是多少?
  • 建筑工程老项目时间
  • 房地产企业各个阶段所涉及的税种
  • 企业发放给员工子女抚养费
  • 职工教育经费怎么做账
  • 多缴税款能否跨年抵扣
  • 出口退税的账务关键是什么
  • 亏损的结转分录
  • 企业收到政府拆迁补偿款要交税吗怎么做账
  • 帮老板支付的代款怎么做
  • 32位升级64位系统教程
  • geeklink 极联科技
  • nuxt怎么用
  • lsass.exe是什么进程
  • 固定资产更新改造的账务处理
  • 如何解决焦虑
  • 公允价值变动损益在利润表哪里
  • 开票一定要对公户嘛
  • iframe之间通信
  • js正则用法
  • tracetcp命令
  • redisson php
  • ecshop功能
  • php单例模式懒汉和饿汉
  • 应付未付的工资属于负债吗
  • 宝塔面板入口
  • 小型微利企业的认定标准2023年
  • 研发费用凭证是发票吗
  • 个税申请退税流程
  • 公司股票买卖账务处理
  • mysqljoin和where哪个好
  • 增值税发票上多了一个点能刮掉吗
  • 其他综合收益影响所得税费用吗
  • mysql数据库排序
  • 短期借款利息怎么做账
  • 无进项可以开票么
  • 个体户是怎么交公积金的
  • 用友t6操作流程
  • 收到社保稳岗补贴转入营业外收入要交企业所得税吧
  • 没有收到房租发票
  • 农业合作社账务都有什么科目
  • 备用金被盗刷了怎么办
  • 补贴算报酬吗
  • 为什么要计提工资附加费
  • 印花税属于什么科目
  • MySQL必知必会读后感
  • sql server索引的作用
  • sql批量替换字符串
  • Windows Server 2008使用软件授权管理工具
  • ubuntu 21.04 安装
  • mac os怎么删除用户
  • centos安装类型选择
  • centos7自签名证书
  • 电脑开启虚拟wifi
  • 通过手机号怎么查对方的位置
  • ipa文件分享
  • Unity 中WWW加载 AssetBundle---中文路径
  • JavaScript中的数据类型
  • python抓视频保存本地
  • 怎么打印纳税申报表带章的
  • 国家税务局查验发票显示网络异常
  • 奔驰购置税多少钱
  • 房契税发票丢了能补办吗
  • 车船税代收有发票吗
  • 注销的卡补回来还能恢复以前的套餐吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设