1. 程式人生 > 實用技巧 >layui 表格刪除多行

layui 表格刪除多行

1. 建立一個全域性變數, 用來儲存選中行的類名

var delete_index = []
//監聽表格複選框選擇
table.on('checkbox(currentTableFilter)', function (obj) { // layui 內建方法
    // 自己做處理, 如果是選中 if(obj.checked == true){ delete_index.push(obj.tr['selector']); }else{ // 從列表刪除 var index = delete_index.indexOf(obj.tr['selector']); delete delete_index[index] } });
如果有什麼不清楚可以把obj中內容打印出來看下

 delete_index 存的資料

[".layui-table-body tr[data-index="2"]", ".layui-table-body tr[data-index="3"]"]

  

2. 刪除表格中資料

layer.msg("成功刪除 " + data.data.deleted_count + " 條資料", {icon: 6, time: 1000}, function(){
          // 刪除
$.each(delete_index,function(i,value){ $(""+value).remove(); });     // 重置 delete_index
      delete_index = [];
 });