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();
                            });

                           var new_count = parseInt($(".layui-laypage-count").text().substring(2)) - data.data.deleted_count;
                            $(".layui-laypage-count").text("共 "+ new_count +" 條");
                           delete_index = [];
                        });

 注意: 我們在獲取選中的數據使用, layui 內置方式

 var checkStatus = table.checkStatus('adminUserTable');
 var  data = checkStatus.data;

  但是從表格刪除數據后,

    checkStatus.data 原來的值還在.

   例如:我第一次選中提交刪除 1,checkStatus.data里存放[1]

            沒有刷新頁面, 再次選中提交刪除2 那 checkStatus.data 里存放[1, 2]


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM