1. 首页
  2. 编程语言
  3. Javascript
  4. Easyui笔记2:实现datagrid多行删除的示例代码

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

上传者: 2021-09-22 00:58:49上传 PDF文件 96.80 KB 热度 9次

最近在前端界面开发中,使用了datagrid组件。查看easyui api,其中有一个deleteRow方法,传入要删除行的索引,即可删除该行。错误做法于是准备用deleteRow方法和onChecked和onUncheck事件配合使用,来完成多行删除功能。当用户勾选一行时,触发onChecked事件,将onChecked事件传进来的index索引push到一个全局array中。然而实际情况并不是这样,当deleteRow的时候,该行后面的索引值全部向前挪一位。比如,一共有10行,我删除了第5行,后面6~9行的索引变成了5~8。根据这个思路,其实不用将array排序,利用datagird提供的方法,即可实现这个功能。这里就不需要onChecked和onUncheck事件了。效果展示html代码:js代码:

用户评论