首页 > 技术文章 > layui监听工具栏(操作列表按钮)

Ao-min 2020-06-30 14:09 原文

<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,无非是用于监听的。

推荐阅读