如何使用layui监听工具栏实例中的操作列表按钮？
- 内容介绍
- 文章标签
- 相关推荐
本文共计209个文字，预计阅读时间需要1分钟。
少说话，直接上代码吧！
+ table id=demo lay-filter=test / + script type=text/ id=barDemo + a class=layui-btn layui-btn-xs lay-event=edit 查看详情 / + /a + /script + layui.use('table', function() + { + var table=layui.table; + } + ); +
废话不多说，直接上代码吧！
<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') { ... } }); });
以上这篇layui监听工具栏的实例(操作列表按钮)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。
本文共计209个文字，预计阅读时间需要1分钟。
少说话，直接上代码吧！
+ table id=demo lay-filter=test / + script type=text/ id=barDemo + a class=layui-btn layui-btn-xs lay-event=edit 查看详情 / + /a + /script + layui.use('table', function() + { + var table=layui.table; + } + ); +
废话不多说，直接上代码吧！
<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') { ... } }); });
以上这篇layui监听工具栏的实例(操作列表按钮)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。