首页 > 其他 > 详细

00012-layui 表格table刷新后,工具栏的按钮失效

时间:2020-05-26 23:49:02      阅读:145      评论:0      收藏:0      [点我收藏+]
工具栏按钮:

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

示例代码中工具栏按钮的监听事件:

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

这个代码,当tableIns.reload();之后,事件就失效了。

解决办法:

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

data-type="cancelTask" 对应的方法:

var active = {
    cancelTask:function(){
        ////......
    }
}

00012-layui 表格table刷新后,工具栏的按钮失效

原文:https://blog.51cto.com/14816966/2498758

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!