前端点击删除按钮删除table表格的数据

Posted 2020-11-10 Carina

 1 table.on(‘tool(hostTable)‘, function (obj) {
 2     var data = obj.data;//须写
 3     if (obj.event === ‘del‘) {
 4         var parents = $(this).parents(‘.elementClass‘);
 5         operateId = $(parents).attr(‘id‘);
 6         layer.confirm(‘确认删除么‘, function (index) {
 7 1.找到删除按钮所在的父元素，以确定是哪一个表格table；（表格选择复选框数据动态生成的）;
 8 
 9 var parents = $(this).parents(‘.elementClass‘);
10 operateId = $(parents).attr(‘id‘);
11 2.var node = nodes[operateId];//nodes是整个页面的的所有数据；node是nodes下面的数据，是一个对象；
12 3.var svcFuncDfs = [];//svcFuncDfs是table表格的所有数据；按照行来整理的；
13 var svcFuncDfData = [];
14 4.if (node != null) {
15     svcFuncDfs = node.svcFuncDfs;
16     if (svcFuncDfs == null || svcFuncDfs == undefined) {//如果没有行数据
17         svcFuncDfs = [];
18     } else {
19         for (var i = 0; i < svcFuncDfs.length; ++i) {//如果有行数据
20             if ((svcFuncDfs[i].hostId + svcFuncDfs[i].serverName + svcFuncDfs[i].exeUser + svcFuncDfs[i].exeMachine) != (data.hostId + data.serverName + data.exeUser + data.exeMachine)) {
21                 svcFuncDfData.push(svcFuncDfs[i]);//将除了删除掉的这行数据外的其他数据添加入一个新的数组；
22             }
23         }
24     }
25     node.svcFuncDfs = svcFuncDfData;//再放入node中；
26     nodes[operateId] = node;//再放入nodes中；
27 }
28 obj.del();。//删除页面中的元素；