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