layui表格的批量删除功能
Posted Carina
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 }
以上是关于layui表格的批量删除功能的主要内容,如果未能解决你的问题,请参考以下文章
layui.table 实现 Shift+点击实现表格多选功能实现