layui监听工具栏（操作列表按钮）

最新推荐文章于 2025-05-27 16:15:41 发布

杨葱儿

最新推荐文章于 2025-05-27 16:15:41 发布

阅读量1.8w

点赞数 4

CC 4.0 BY-SA版权

分类专栏： Layui

本文链接：https://blog.youkuaiyun.com/weixin_44285250/article/details/86293166

Layui 专栏收录该内容

26 篇文章

订阅专栏

本文详细介绍了一个使用layui框架实现的表格操作案例，包括如何通过监听行工具事件来获取并操作当前行的信息，例如触发查看详情等功能。这是一个实用的前端开发技巧，适用于需要在网页中展示和操作数据的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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') {
	    	...
	    }
    });
});