easyui datagrid没有ID情况下,easyui datagrid 删除行信息方法

Posted 2022-11-09 dumb-dog

在datagrid中直接将index传给easyui自带的deletRow方法来删除当前点击行，一开始并没有问题，但是当连续删除的时候就或出问题了。

原因是datagrid行是根据datagrid-row-index和datagrid-row-r1-x-x来定位行的，如果一开始就将该行的index作为参数传给deleteRow方法，每行的index是固定了的，其他行的index并不会随着删除某一行而改变掉。所以在连续删除中，可能会出现，当删除了一行以后，点击了第二行的删除按钮，删除的确实第三行这种情况。

最近我也是找了一些解决办法，但都稍有复杂，唯有这个解决办法最近单，和大家一起分享：

html：

<table id="dg" class="easyui-datagrid" title=""></table>

JS：

 1 $(function() 
 2                 $(‘#dg‘).datagrid().datagrid(‘enableCellEditing‘);//首行复选框
 3 
 4                 $(‘#dg‘).datagrid(
 5                     rownumbers: true,
 6                     multipleSelect:true,
 7                     collapsible: false,
 8                     pagination: true,
 9                     url: ‘datagrid/dg.json‘,
10                     method: ‘get‘,
11                     columns: [
12                         [
13                             field: ‘ck‘,
14                             checkbox: true
15                         , 
16                             field: ‘name‘,
17                             title: ‘姓名‘
18                         , 
19                             field: ‘tel‘,
20                             title: ‘手机号码‘
21                         , 
22                             field: ‘operate‘,
23                             title: ‘操作‘,
24                             formatter: function(val, row, index) return ‘<button href="#" onclick="deleteRow(this)"></button>‘;
25                             
26                         ]
27                     ]
28                 )
29             );
30 
31 
32 
33 function getRowIndex(target) 
34 　　　　　　　　　　var tr = $(target).closest(‘tr.datagrid-row‘);
35 
36 　　　　　　　　　　return parseInt(tr.attr(‘datagrid-row-index‘));
37             
38 
39  function deleteRow(target) 
40 　　　　　　　　　  alert(getRowIndex(target));
41                         　　$(‘#membershipCardData1‘).datagrid(‘deleteRow‘, getRowIndex(target));
42             

转载地址：https://www.cnblogs.com/MinhongShen/p/7551717.html