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

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

时间:2018-06-01 10:46:16      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:.data   按钮   var   style   func   行数据   ==   this   serve   

 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表格的数据

标签:.data   按钮   var   style   func   行数据   ==   this   serve   

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

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