easyui 中datagrid获取选中行的行号

最新推荐文章于 2020-11-11 10:11:24 发布

原创最新推荐文章于 2020-11-11 10:11:24 发布 · 2.5w 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文介绍如何在EasyUI中获取并删除Datagrid组件中选中的行。通过使用getSelections和getRowIndex方法，可以有效地定位到选中的行并将其删除。

用easyui时候有个删除选中行的需求，于是得知道选中的行的行号，才能在界面上调用它的delete方法删除选中行。

选中行可以用 var datas = $('#xxxx').datagrid('getSelections');获得。这里获得的是所有选中行，在参照api时得知，getRowIndex的这个方法的参数可以是行记录或者是一个id字段的值。在这里我们知道了许多个行记录，因此可以遍历datas集合，然后在里面调一次getRowIndex方法来获得index。如下所示。（这里的data.id是我自己加的隐藏列属性，方便取Id）

for(var i=0;i<datas.length;i++){
       var data=datas[i];
      ids=ids+data.id+",";
      var index=$('#paramDefitionGrid').datagrid('getRowIndex',data);
      $('#paramDefitionGrid').datagrid('deleteRow',index);
   }

//以下可忽略

$.ajax({
            url:"${ctx}/paramDefition.do?method=delete&ids=" + ids,
            type:'POST',
            dataType:'html',
            success:function (data) {
               if(data == "success") {
                   alert("删除成功");
                   initParamDefitionGrid();
                }else{
                   alert("删除失败");
                  }
            }
        });