00012-layui 表格table刷新後,工具欄的按鈕失效

工具欄按鈕:html

<script type="text/html" id="taskListTable-toolbar">
   <div class="layui-btn-container">
      <button class="layui-btn layui-btn-sm" data-type="cancelTask">任務做廢</button>
   </div>
</script>

示例代碼中工具欄按鈕的監聽事件:ide

table.on('toolbar(taskListTable)', function(obj){
          switch(obj.event){
              case 'cancelTask':
                  active.cancelTask()
                  break;
          };
});

這個代碼,當tableIns.reload();以後,事件就失效了。工具

解決辦法:ui

$("body").on('click','.layui-btn-container .layui-btn', function(){
    var type = $(this).data('type');
    active[type] ? active[type].call(this) : '';
});

data-type="cancelTask" 對應的方法:this

var active = {
    cancelTask:function(){
        ////......
    }
}
相關文章
相關標籤/搜索