layui-操作按钮

最新推荐文章于 2023-09-13 10:22:57 发布

麦兜仪

最新推荐文章于 2023-09-13 10:22:57 发布

阅读量1.1k

点赞数 1

分类专栏： JavaScript jquery 文章标签： layui

本文链接：https://blog.youkuaiyun.com/m0_54914826/article/details/115894258

版权

本文主要介绍了layui框架中如何实现弹出层功能，并探讨了在实际业务中如何运用弹出层进行审核操作。通过示例代码展示了弹出层的源码，并提到了审核操作的相关应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

弹出层

//源码西郊 C:\Users\Administrator\Desktop\4.1test\views\business\user\agentEditcopy.html

//放在table标签后面
<script type="text/html" id="barTool">
            <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>  //edit理解用来做事件的标记
            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
 </script>
//js
          layui.use('table', function() {
   
            var table = layui.table;
            //工具条事件
            table.on('tool(test)', function(obj) {
    //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
                var data = obj.data; //获得当前行数据
                objdata = data;
                var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）

                switch (obj.event) {
   
                    case 'edit':
                        layer.open({
   
                            type: 2,
                            title: '编辑',
                            area: ['98%', '98%'],
                            content: [

最低0.47元/天解锁文章