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

 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();。//删除页面中的元素;

 

posted @ 2018-06-01 08:32  前端极客  阅读(3065)  评论(0编辑  收藏  举报