工具栏按钮: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(){ ////...... } }