位置: 编程技术 - 正文

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

  • 纳税信用等级分别为
  • 所得税费用包括递延所得税吗
  • 工会可以现金支付吗
  • 小规模房地产企业税收优惠政策
  • 注册资本 投资比例
  • 小卖部的货源怎样提供的
  • 股东归还公司借款,应该记什么科目
  • 个体户的附加税表怎么填写
  • 个人所得税6月底没有退怎办
  • 子公司利润母公司要交税吗?
  • 实收资本记账凭证摘要怎么写
  • 速达3000货品怎么入库
  • 用进项税冲抵当月增值税的会计分录
  • 自建模具怎么做账
  • 留抵进项税额
  • 政府扶贫支出
  • 开红字发票如何调整收入?
  • 专家评审费如何报销费用
  • 车辆增值税抵扣到什么时候结束
  • 收到培训机构的电话骚扰该怎么办?
  • 清算时土地增值税计税依据
  • 闲置资金的利息收益要冲减财务费用
  • 利润表中利润归还投资
  • 账面销项税额与申报表不一致怎么处理
  • 生产调试消耗原材料如何做账?
  • 自建厂房转固定资产如何办理手续
  • 运费结转成本的计算公式
  • 工资和薪金是一回事吗
  • 个税申报一年报一次吗
  • 手机word文档怎么加照片
  • php怎么添加样式
  • php中的变量都以什么开头
  • ezulumain.exe是病毒进程吗 ezulumain进程安全吗
  • rnbrcache.exe是什么意思
  • php伪静态规则写法
  • 购买房地产和买房一样吗
  • 售后租回交易的实质是什么
  • 劳务报酬怎么做帐
  • php查找字符串中的某个字符
  • 什么叫自适应控制
  • echarts饼图参数配置
  • imu定位
  • nlp track
  • 简易计税适用什么类型企业
  • 社保在会计上的分类
  • 企业清算所得税申报表填写案例
  • 织梦怎么导入数据库
  • 电子商业汇票业务
  • 事业单位的账务处理要分预算会计和财务会计吗
  • 销售折扣单独开发票
  • 取得投资是什么意思
  • sqlserver调度
  • sqlserver如何锁表
  • 企业营业外收入要交所得税吗
  • 运费增值税发票抵扣
  • 宾馆收入怎么做账
  • 应付账款明细账怎么登记
  • 应收账款的客户如何分析
  • 外购设备的会计分录
  • 4s店出售试驾车的增值税是多少
  • 购买扶贫产品属于什么费用
  • 出口退税贷方余额是什么意思
  • 年末出现打一数字
  • 建筑公司租赁费会计分录
  • 企业如何建账之类的账目
  • mysql设计树形数据库
  • mysql5.7压缩包
  • freebsd ifconfig
  • vmmem进程是什么
  • windows系统钥匙盘制作及启动密码的设置
  • hc off line什么意思
  • windows8装.NET 3.5时出现0x800F0906错误解决方案
  • win8系统ie浏览器最高多少
  • javascript事件委托的用法及其好处简析
  • eventlistener js
  • jQuery的Ajax用户认证和注册技术实例教程(附demo源码)
  • 置顶什么意思啊
  • 税控盘的服务费如何申报抵扣
  • 北京定额发票查验
  • 精准扶贫的实践与探索经验
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设