layui批量删除按钮只能使用一次的解决方法

layui批量删除按钮只能使用一次的解决方法

遇到的问题

• 点击删除按钮，第一次可用，第二次不可用
• 按钮的代码

  <div id="ad-btn" style="display: none;">
              <button type="button" class="layui-btn layui-btn-sm data-add-btn layui-btn-radius" lay-event="add">新增
              </button>
              <button type="button" class="layui-btn layui-btn-danger data-delete-btn layui-btn-sm layui-btn-radius"
                      lay-event="deleteBatch">批量删除
              </button>
  
          </div>
  

• 数据都是放到了table中的

  <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
  

• 我使用的方式

      $(".data-delete-btn").on("click", function () {
          deleteBatch();
      });
  

   function deleteBatch() {
              //得到选中的数据行
              var checkStatus = table.checkStatus('currentTableId')
                  , data = checkStatus.data;
  
              layer.alert(data.length);
              var params = "";
              $.each(data, function (i, item) {
                  if (i == 0) {
                      params += "ids=" + item.id;
                  } else {
                      params += "&ids=" + item.id;
                  }
              });
  
              layer.confirm('真的要删除这些客户么？', function (index) {
                  //向服务端发送删除指令
                  $.post("${pageContext.request.contextPath}/user/deleteBatchUser.action", params, function (res) {
                      layer.msg(res.msg);
  
                  })
              });
          }
  

我使用的方式是:用jQuery的方式给删除按钮绑定事件，调用deleteBatch();批量删除的方法,执行完批量删除的方法后，在执行一下查找的方法，刷新数据

问题出现的原因

• 自己琢磨的，不一定对
  
  删除数据后，页面并没有刷新，只是刷新发的下面的数据部门，按钮也没有刷新，可能按钮和数据现在的状态不匹配了吧（瞎分析）

我的解决方法

• layui提供的监听事件

  //监听头部工具栏事件
            table.on("toolbar(currentTableFilter)", function (obj) {
                switch (obj.event) {
                    case 'add':
                        openAddCustomer();
                        break;
                    case 'deleteBatch':
                        deleteBatch();
                        break;
                }
            });

注意：这里的toolbar(currentTableFilter)里的currentTableFilter是table标签里的 lay-filter="currentTableFilter"这个属性

这样问题就解决了