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

作者:资源驿站

时间:2026-10-23

浏览:428

本文介绍如何在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监听工具栏及操作列表按钮的完整示例,供读者参考。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章