前端点击删除按钮删除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();。//删除页面中的元素;

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

时间: 2024-10-27 03:34:04

前端点击删除按钮删除table表格的数据的相关文章

点击添加按钮添加一条记录,点击删除按钮删除本条记录

点击添加按钮添加一条记录,点击删除按钮删除本条记录,并且最多只能添加4条记录 <div class="addfee"> <div><span class="add-btn">添加</div> </div> jquery //添加删除费用,最多可添加4条 $(".add-btn").on("click", function() { var len = $(".

ASP.NET MVC 防止前端点击劫持

前端点击劫持的原理:通过向我们的页面中添加Iframe,并将Iframe设置成透明,在页面相应的地方设置一些操作引导,让用户在不知不觉中发送一些请求. 解决前端点击劫持的手段就是在服务器端的响应报文中增加X-Frame-Options配置.X-Frame-Options值有3种: 1.DENY:无论如何不在框架中显示. 2.SAMEORIGIN: 仅在同源域名下的框架中显示. 3.ALLOW-FROM uri:仅在指定域名下的框架中显示. 配置X-Frame-Options的手段也有多种: 1.

layer学习笔记之table表格引入数据实现分页

LayUI是一款免费,开源,轻量级的前端cms框架,适用于企业后端,能快速上手开发,集成了常用的组件,还有完善的文档和社区. 最近一直在学习使用layer的layui框架技术,这个主要表现在于弹出层的使用,但是layer页面效果使用也是非常好用的. 之前写一个一个关于数据的table表格显示 并带有分页功能,实现过程遇到了很多问题,现抽空总结一下. 使用之前请先详细阅读layer的文档:http://www.layui.com/doc/modules/layer.html 首先下载最新版的lay

前端点击按钮复制内容

一.VUE 效果: 代码: 1 <template> 2 <div> 3 <el-row style="height:40px" type="flex"> 4 <el-col :span="6"> 5 <p>{{res}}</p></el-col> 6 <el-col :span="2"> 7 <el-button type=

前端点击劫持

点击劫持 用户亲手操作---盗取用户资金(转账,消费) 用户不知情---获取用户敏感信息 ....if 利用 iframe 内嵌页面,并将原页面透明度设置为零,这样实现点击劫持 点击劫持防御 JavaScript 禁止内嵌 在内嵌页面中top和window不等 if (top.loaction != window.location) { top.location = window.location; } 但这种方式有时并不完全有效,因为攻击者是可以禁止 JavaScript 脚本的 <ifram

js操作table表格导出数据到excel方法

js导出excel资料很少,网上也找了很多,基本都不能用,要么只能是IE用,还必须要权限,这是非常不好的.后来到github上找到table2excel.js,虽然可以用,但仍然对IE支持不够,也算不错的东西. 导出的excel文件是xlsx,也可以改为xls打开.注意的是,要对每个table做个标记,加上div框架如代码: <div class="table-responsive table2excel" data-tableName="Test Table 1&qu

iOS自定义按钮删除Cell

[cell.myignore addTarget:self action:@selector(removeCell:) forControlEvents:UIControlEventTouchUpInside]: #pragma mark - 点击删除按钮删除Cell - (void)removeCell:(UIButton *)btn{ NSArray *visibleCells=[self.myTableView visibleCells]; for (UITableViewCell *ce

android :点击某个按钮弹出在原有布局中没有(或者存在)内容 :以删除原有布局内容为例

主要涉及了(1)对布局中某个控件的监听 (2)在布局文件中设置可显示,删除的参数 visibility的参数的有三个,在这里我只设置了一个,可见的. android:visibility="visible" 剩下的和他的用法相同. (3)在代码中监听控件后,对visibility的参数重新设置. 效果图:点击按钮后edittext不见了 (1)点击高级按钮前 (2)点击高级按钮后 (1)布局文件 <?xml version="1.0" encoding=&qu

javascript添加或者删除table表格行代码实例

javascript添加或者删除table表格行代码实例:表格是常用的元素,虽然在布局中已经鲜有使用,已经基本被div css所取代,但是在组织表格数据方面还是有很大的优势的,比使用div css要来的方便,添加或者删除一行也就是其中的tr更是最为常见的操作,下面就通过代码实例简单介绍一下如何实现此效果.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta