zoukankan      html  css  js  c++  java
  • 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]

  • 相关阅读:
    【APIO2008】免费道路[最小生成树 kruskal]
    【2019.8.13】
    【矩阵】
    [POI2008]BLO-Blockade [tarjan 割点]
    poj1458 最长公共子序列 (动态规划)
    最长上升子序列
    poj1163 数字三角形 (动态规划)
    快速幂 (分治)
    求排列的逆序数(分治)
    快速排序 (分治)
  • 原文地址:https://www.cnblogs.com/ShanCe/p/14060708.html
Copyright © 2011-2022 走看看