00012-layui 表格table刷新后,工具栏的按钮失效
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了00012-layui 表格table刷新后,工具栏的按钮失效相关的知识,希望对你有一定的参考价值。
工具栏按钮:
<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刷新后,工具栏的按钮失效的主要内容,如果未能解决你的问题,请参考以下文章
layui的table在reload之后工具栏按钮失效的问题解决方案