How to do batch deletion of table in layui

Release: 2019-07-27 16:52:11
Original
7348 people have browsed it

How to do batch deletion of table in layui

The implementation code for batch deletion of the table in layui is as follows:

// 批量删除功能
    // 1.得到table选中行内容
    // 2.得到删除需要的唯一值,一般是id;
    // 3.将所要删除的项加入到数组中;
    // 4.判断是否选中;
    // 5.发送ajax请求,并附带参数id;
     var $=layui.$,active={
         deLink:function () {
             var checkStatus=table.checkStatus('idTest'),
                 data=checkStatus.data,
                 deList=[];
             data.forEach(function(n,i){
                 delList.push(n.id);
             });
             if(delList!=''){
                 layer.comfirm('确定删除所选项吗?',function (index) {
                     $.ajax({
                         url: '/cd/workPlatform/tool/remove.afca',
                         type:'post',
                         dataType:'json',
                         data:"id="+delList,
                         success:function (data,statusText) {
                             if(data.code==='0'){
                                 layer.msg('删除成功');
                                 table.reload('idTest',{});
                             }else{
                                 layer.msg('删除失败');
                             }
                         },
                         'error':function () {
                             layer.msg('系统错误');
                         }
                     })
                 })
             }else{
                 layer.tips('请选择需要删除的行',$('#batchDel'),{
                     tips:[3,'#5fb878']
                 })
             }
         }
     }
Copy after login

Recommendation: layui framework tutorial

The above is the detailed content of How to do batch deletion of table in layui. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template