码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-09-18 10:32:46      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:psi   als   style   att   let   定位   logs   一起   号码   

在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

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

标签:psi   als   style   att   let   定位   logs   一起   号码   

原文地址:https://www.cnblogs.com/Dumb-dog/p/11539830.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!