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

Posted 2020-12-13 ao-min

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

layer.prompt({
formType: 2,
title: ‘修改‘,
value: data.sign
}, function(value, index) {
layer.close(index);

//这里一般是发送修改的Ajax请求

//同步更新表格和缓存对应的值
obj.update({
sign: value
});
});

}
});
});

 

注：   lay-filter="test"意思是监听的id，比如你给button加lay-filter="test"，可以监听这个test，这个test代表的是这个button。就变相的id，无非是用于监听的。