<body>
<div class="table">
<table class="layui-table" id="dataTable" lay-filter="dataTable"></table>
</div>
<script type="text/html" id="barDemo">
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
<a class="layui-btn layui-btn-xs" lay-event="edit">編輯</a>
</script>
<script src="https://bbs.csdn.net/topics/~/Content/js/jquery.min.js"></script>
<script src="https://bbs.csdn.net/topics/~/Content/layui/layui.js"></script>
<script src="https://bbs.csdn.net/topics/~/Content/layui/layui.all.js"></script>
<script type="text/javascript">
layui.use('table', function () {
var table = layui.table;
table.render({
id: "dataTable",
elem: '#dataTable',
url:'XX',
method: 'post',
limit: 10,
cols: [[
{ type: 'radio' },
{ field: 'Id',title: 'ID', sort: true },
{ field: 'FactoryName',title: '廠名' },
{ fixed: 'right', title: '操作', align: 'center',toolbar: '#barDemo' }
]],
page: true
});//資料表格可以顯示出來
table.on('tool(dataTable)', function (obj) { //監聽工具不觸發,點操作沒反應，求指教是怎麼回事？
var checkStatus = table.checkStatus(obj.config.id);
var layEvent = obj.event;
if (layEvent === 'detail') {
var data = checkStatus.data;
layer.alert(JSON.stringify(data));
} else if (layEvent === 'edit') {
layer.msg('編輯操作');
}
});
});
</script>
</body>
uj5u.com熱心網友回復：
layui.use(['table','element','layer'],function(){})試一下。控制臺沒有報錯嗎？uj5u.com熱心網友回復：
控制臺沒有報錯，試了你說的還是不觸發。
uj5u.com熱心網友回復：
有可能是沖突了，看有沒有同樣監聽的地方uj5u.com熱心網友回復：
請問解決了嗎？我也遇到這個問題了轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/265780.html
標籤：JavaScript
下一篇：node運行問題