87,993
社区成员
发帖
与我相关
我的任务
分享layerui数据表格操作菜单监听不触发
<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="~/Content/js/jquery.min.js"></script>
<script src="~/Content/layui/layui.js"></script>
<script src="~/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>
<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="~/Content/js/jquery.min.js"></script>
<script src="~/Content/layui/layui.js"></script>
<script src="~/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>
...全文
请发表友善的回复…
发表回复
小企映画 2021-10-15
- 打赏
- 举报
table.on('tool(dataTable)', function (obj) 中的dataTable 要和 html页面对应动态表格的lay-filter属性一致，而不是和table.render中的id一致。
1988i 2021-09-15
- 打赏
- 举报
你好，请问解决了吗？我也遇到了这个问题。
丶lh123 2021-03-03
- 打赏
- 举报
请问解决了吗？我也遇到这个问题了
眼中再无意中人 2019-10-16
- 打赏
- 举报
有可能是冲突了，看有没有同样监听的地方
z1_23456 2019-08-31
- 打赏
- 举报
控制台没有报错，试了你说的还是不触发。
a_b_a_b_a_b_a_b 2019-08-31
- 打赏
- 举报
layui.use(['table','element','layer'],function(){})试一下。控制台没有报错吗？
