zoukankan      html  css  js  c++  java
  • 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){}
    })
    
    
  • 相关阅读:
    桐花万里python路-基础篇-01-历史及进制
    linux-tar归档文件
    python-常识
    目录权限修改
    linux常用命令
    battery-historian 使用方法
    cp --复制命令
    adb与bat混用启动与杀死应用程序
    monkey 命令
    INSERT INTO SELECT 语句
  • 原文地址:https://www.cnblogs.com/renjianjun/p/10661869.html
Copyright © 2011-2022 走看看