layui表格的批量删除功能

 1     // 批量删除功能
 2     // 1.得到table选中行内容
 3     // 2.得到删除需要的唯一值,一般是id;
 4     // 3.将所要删除的项加入到数组中;
 5     // 4.判断是否选中;
 6     // 5.发送ajax请求,并附带参数id;
 7      var $=layui.$,active={
 8          deLink:function () {
 9              var checkStatus=table.checkStatus(‘idTest‘),
10                  data=checkStatus.data,
11                  deList=[];
12              data.forEach(function(n,i){
13                  delList.push(n.id);
14              });
15              if(delList!=‘‘){
16                  layer.comfirm(‘确定删除所选项吗?‘,function (index) {
17                      $.ajax({
18                          url: ‘/cd/workPlatform/tool/remove.afca‘,
19                          type:‘post‘,
20                          dataType:‘json‘,
21                          data:"id="+delList,
22                          success:function (data,statusText) {
23                              if(data.code===‘0‘){
24                                  layer.msg(‘删除成功‘);
25                                  table.reload(‘idTest‘,{});
26                              }else{
27                                  layer.msg(‘删除失败‘);
28                              }
29                          },
30                          ‘error‘:function () {
31                              layer.msg(‘系统错误‘);
32                          }
33                      })
34                  })
35              }else{
36                  layer.tips(‘请选择需要删除的行‘,$(‘#batchDel‘),{
37                      tips:[3,‘#5fb878‘]
38                  })
39              }
40          }
41      }

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

时间: 2024-10-13 23:30:18

layui表格的批量删除功能的相关文章

实例:SSH结合Easyui实现Datagrid的批量删除功能

在我先前的基础上面添加批量删除功能.实现的效果如下 删除成功 通常情况下删除不应该真正删除,而是应该有一个标志flag,但flag=true表示状态可见,但flag=false表示状态不可见,为删除状态.便于日后数据库的维护和信息的查询.因此表结构添加一个flag字段 没有改变的代码这里就不写了,发生改变的代码贴出来 1.因为表结构发生变化.所以对应的Student.java和Student.hbm.xml发生改变 [java] view plaincopy package com.model;

SpringBoot实战项目(十二)--用户批量删除功能实现

页面构建--批量删除功能事件实现 1 <!DOCTYPE html> 2 <html class="x-admin-sm" xmlns:th="http://www.thymeleaf.org"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>欢迎页面-X-admin2.2</title> 6 <header th:replace

iOS开发:一个高仿美团的团购ipad客户端的设计和实现(功能:根据拼音进行检索并展示数据,离线缓存团购数据,浏览记录与收藏记录的批量删除等)

大致花了一个月时间,利用各种空闲时间,将这个客户端实现了,在这里主要是想记录下,设计的大体思路以及实现过程中遇到的坑...... 这个项目的github地址:https://github.com/wzpziyi1/GroupPurchase 主要实现的功能,用UICollectionViewController展示团购数据,根据拼音进行检索并展示数据,离线缓存团购数据,浏览记录与收藏记录的批量删除,友盟分享的集成,利用UIView+AutoLayout写布局,实现地图定位.自定义大头针等 整个项

IOS开发——UI进阶篇(四)全局刷新,局部刷新,左滑操作,左滑出现更多按钮,进入编辑模式,批量删除,自定义批量删除

首先创建项目,在storyboard如下布局控件,设置好约束 然后创建cell模型类XMGWineCell数据模型类XMGWine创建UITableView,设置数据源协议,实现数据源方法懒加载数据这些在前面已经做过很多次了,代码就不一一写了 一.全局刷新 1.添加单组数据并全局刷新 - (IBAction)add { // 添加模型数据 XMGWine *wine = [[XMGWine alloc] init]; wine.money = @"20.5"; wine.name =

bos 第3天(easyui弹窗边界问题、取派员的添加、修改和批量删除)

BOS项目笔记 第3天 今天内容安排: 1.解决window窗口bug 2.bos项目整体需求分析(基础设置.取派.中转.路由.报表) 3.取派员添加功能 4.jQuery easyUI控件datagrid使用方式 5.基于datagrid实现取派员分页查询 6.取派员批量删除和修改 1. 修复window控件bug 将上面的js文件引入jsp页面中 2. 基础设置部分需求分析 整个基础设置部分对应需求文档2.6章节. 2.1 基础档案设置 在其他的系统中通常称为"数据字典".提供基础

vue axios 批量删除 数组参数

方法一:前端循环请求服务器端delete(id)方法 请问如何获得element-ui表格中的勾选项index,以实现批量删除功能 https://segmentfault.com/q/1010000012759131 方法二:传递 string类型字符串.例如: '1,2,3,4' ids =[1,2,3,4] url: '/investigator/submitAll/' + ids, method: 'post' 服务器端接收到: string类型字符串 '1,2,3,4' . 方法三:直

ajax“显示弹窗详情”和“删除”功能练习

1.查看详细信息,以弹窗的形式显示,使用ajax 2.批量删除 “查询”功能可以参考前面的文章,这里只讲解ajax“显示弹窗详情”和“删除”功能 第一:在body中的代码 <title>ajax汽车网页查询</title> <script src="jquery-2.0.0.min.js"></script> <script type="text/javascript" src="tanchuang.j

jquery 全选 反选 取消 批量删除

首选引入jquery 全选 //全选 function myall(){ $("input[name='d[]']").each(function(index,e){ $(this).prop('checked',true); }); } 取消 //当true改为false时为取消 // function no(){ // $("input[name='d[]']").each(function(index,e){ // $(this).prop('checked'

php批量删除

之前我们通过php对数据库的操作,实现了对数据的简单的增删改查.今天我们继续通过php对数据库的操作,来进一步完善相关的设计,今天我们要实现批量删除功能. 之前我们已经做出了查询页面,那么现在要实现批量删除功能,首先要给每个code前面加上复选框和相关操作按钮.我们早前已经通过遍历的方式经数据库里的内容展示出来,因此,对于复选框的设置,我们仅仅需要在此前代码的基础上,稍加设置即可轻松给每个code加上复选框并添加上操作按钮(详情见代码). <form action="piliangshan