Layui表格工具栏监听与操作按钮实现

作者:资源驿站时间:2026-10-23 10:58:10浏览:429

本文介绍如何在Layui框架中实现表格工具栏的监听功能。通过定义表格ID与过滤名,配置包含操作按钮的模板,并利用layui.use加载table模块,使用table.on监听特定事件,从而获取当前行数据并响应如查看详情等按钮点击操作。

Layui表格工具栏监听实现

以下直接展示实现代码。


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

<script type="text/html" id="barDemo">
 <a class="layui-btn layui-btn-xs" lay-event="edit">查看详情</a>
</script>

layui.use('table', function() {
 var table = layui.table;
  //监听行工具事件
  table.on('tool(test)', function(obj) {
   var d = obj.data;
   console.log(d);//可以打印出当前行的信息
   if(obj.event === 'edit') {
   ...
   }
  });
});

上述内容即为Layui监听工具栏及操作列表按钮的完整示例,供读者参考。

作者最新文章