layui數據表格監聽按鈕問題

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){}
})