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]

  • 相关阅读:
    [bzoj2333] [SCOI2011]棘手的操作 (可并堆)
    自定义控件1_切换按钮
    View Animation 视图动画全解
    从图库中选取图片设置给ImageView
    一张图认识安卓shape属性
    自定义Dialog(QQ头像选择弹出的对话框)
    Toolbar和menu使用
    LIB和DLL的区别与使用
    C++调用webservice
    夯实Java基础系列5:Java文件和Java包结构
  • 原文地址:https://www.cnblogs.com/ShanCe/p/14060708.html
Copyright © 2011-2022 走看看