EasyUI datagrid使用JS删除多行rows的解决方案

最新推荐文章于 2022-05-09 19:47:31 发布

小路依稀

最新推荐文章于 2022-05-09 19:47:31 发布

阅读量6.6k

点赞数

分类专栏： web前端文章标签： EasyUI datagrid 删除多行

本文链接：https://blog.csdn.net/jys1109/article/details/9374713

版权

web前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

前几天帮同事解决一个问题，就是使用js删除easyui 的datagrid的多个选中的rows，在easyui的api中提供了deleteRow方法，参数是rowIndex，此时问题出现，也是百度贴吧上一个哥们提的问题：http://zhidao.baidu.com/question/397546599.html，删除的时候行号会动态变化，导致删除出错，此时解决方法为将遍历删除从后往前删，这样就不会有错，如下所示：

var rows = $('#dg').datagrid("getSelections");
for (var i = rows.length - 1; i >= 0; i--) {
	var index = $('#dg').datagrid('getRowIndex',rows[i]);
	$('#dg').datagrid('deleteRow', index);
}

类似于Java Swing中的DataModule删除的时候，也是要从后往前删除，OK...