layui数据表格监听按钮问题

Posted 2020-08-10 淡淡人生过

layui官网文档源码


原始容器
<table id="demo" lay-filter="test"></table>
 
工具栏模板：
<script type="text/html" id="toolbarDemo">
  <div class="layui-btn-container">
    <button class="layui-btn layui-btn-sm" lay-event="add">添加</button>
    <button class="layui-btn layui-btn-sm" lay-event="delete">删除</button>
    <button class="layui-btn layui-btn-sm" lay-event="update">编辑</button>
  </div>
</script>
 
<script;>
//JS 调用：
table.render({
  elem: \'#demo\'
  ,toolbar: \'#toolbarDemo\'
  //,…… //其他参数
});
 
//监听事件
table.on(\'toolbar(test)\', function(obj){
  var checkStatus = table.checkStatus(obj.config.id);
  switch(obj.event){
    case \'add\':
      layer.msg(\'添加\');
    break;
    case \'delete\':
      layer.msg(\'删除\');
    break;
    case \'update\':
      layer.msg(\'编辑\');
    break;
  };
});
</script>


今天遇到的问题：需要监听头工具条，

table.on(\'toolbar(test)\', function(obj){ 使用这个，监听头工具条方法，自己这里写成demo了，把js中的这个 elem: \'#demo\'  给监听上了，所以，刷新页面不报错，点击也没有反应。无从下手的，不知道怎么检查。
具体原因都没有提示，所以，对于前段比较菜的me,真的是灾难啊。同时帮助找到，这里需要监听的是这个table,是想要知道table的操作，监听了才会获取值。

ps:layui  头工具条监听，需要监听的是table的lay-filter="test"

<table id="demo" lay-filter="test"></table>

table.on(\'toolbar(test)\', function(obj){
  var checkStatus = table.checkStatus(obj.config.id);
  switch(obj.event){}
})