layui工具条事件绑定后端数据（删除，编辑）

最新推荐文章于 2022-07-26 18:52:45 发布

UlricaQ

最新推荐文章于 2022-07-26 18:52:45 发布

阅读量3.2k

点赞数 2

分类专栏： ⭐【Layui】文章标签： layui工具条监听事件 layui如何绑定后端数据 Ajax

不会弹钢琴的架子鼓手不是一个会弹尤克里里的好程序媛

本文链接：https://blog.csdn.net/Carrie_Q/article/details/89330440

版权

本文介绍了如何在layui数据表格中添加删除和编辑按钮，并通过Ajax实现与后端数据的交互，详细阐述了layui工具条监听事件的绑定方法。

摘要由CSDN通过智能技术生成

样式：
在这里插入图片描述

首先要为数据表格加载删除/编辑按钮

    <script type="text/html" id="barDemo">  //barDemo是表头中‘操作’这一列的id
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑保存</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </script>

绑定删除事件

<table class="layui-hide" id="demo" lay-filter="test"></table>

table.on('tool(test)', function (obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"

                        var data = obj.data //获得当前行数据
                            , layEvent = obj.event; //获得 lay-event 对应的值