首页 > 其他 > 详细

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

时间:2018-06-01 10:13:59      阅读:1220      评论:0      收藏:0      [点我收藏+]
 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();。//删除页面中的元素;

 

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

原文:https://www.cnblogs.com/yangguoe/p/9120013.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!