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