位置: 编程技术 - 正文

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移动节点的方法)

  • 处置固定资产亏了怎么做账
  • 所得税汇算清缴补税的会计处理
  • 房租收入怎么报税
  • 社团费用报销制度
  • 自然人系统怎么申报个人所得税
  • 自行研发的无形资产会计处理
  • 前年购买的设备怎么入账
  • 发生非正常损失的购进货物不准予抵扣的增值税
  • 工业企业新产品的特点
  • 押金无法退回
  • 其他公司向本企业借款
  • 成本暂估跨年度要怎么处理?
  • 企业报税盘入账应该记入哪个科目?
  • 子公司之间固定资产转让
  • 小规模异地预缴增值税
  • 个体工商户季度不超过30万免增值税吗
  • 对公账户分为一般户和基本户
  • 法人给公司基本户打款
  • 企业所得税地方分成比例
  • 小规模增值税免税额
  • cmd常用命令大全图解
  • 私户给公户转账多久到账
  • 运行项目报错Couldn't import Django
  • 合作客户合同
  • 出租车车票可以出卖吗
  • bhvc.exe
  • PHP:finfo_set_flags()的用法_fileinfo函数
  • 同业代付会计分录
  • 嘴型融合 wav2lip 升级版
  • html中display none
  • 东洛锡安的金黄麦田,苏格兰 (© Scott Masterton/plainpicture)
  • php生成xml文件
  • vue3微前端
  • 收到待报解预算收入怎么做账
  • vue element ui
  • 异步函数执行顺序
  • 自动驾驶 模块
  • faster rcnn详解
  • 前端es2020
  • 投标代理服务
  • 购置固定资产支付的现金属于投资活动产生的现金流量吗
  • 文化事业建设费税收优惠2023
  • mysql 子表
  • 算税负是含税还是不含税
  • 本期数值与去年同期数值之差称为什么
  • 工程结算属于哪类账户
  • 文化事业建设税怎么申报
  • 红冲发票重开一定要一样的金额吗?
  • 事业单位哪些收入要上交国库
  • 发票入账抵扣什么意思
  • 收取加盟费的条件
  • 应收票据背书转让购买原材料
  • 股权激励费用如何计提
  • 营改增之前广告位出租
  • 公益性捐赠全额扣除,企业所得税
  • 去年支付的费用,今年收到发票可以入账吗
  • 未完工工程如何验收
  • 残保金的计提分录
  • etc电子发票需要勾选吗
  • 超市会计怎么做会计分录
  • xp找不到win10
  • 包含正在使用的windows版本 无法格式化
  • 笔记本触摸屏无法使用了
  • Win7系统如何清除流氓屏保
  • 对于cookie的描述
  • perl 计算
  • linux conky
  • 批处理删除指定后缀名
  • jQuery UI结合Ajax创建可定制的Web界面
  • python函数判断质数
  • python中的格式化输出用法总结
  • jquery有自定义选择器吗
  • jquery实现图片放大
  • android xmlns
  • python解析算法
  • 税务局是什么单位类型
  • 江之都财税服务集团有限公司地址
  • 建筑业增值税纳税义务发生时间包括
  • 契税维修基金交给谁
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设