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

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM