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中的

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

我使用的方式

1
2
3

$(".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”这个属性*

这样问题就解决了