layui open关闭回调

最新推荐文章于 2024-04-17 17:24:33 发布

wuyichang919

最新推荐文章于 2024-04-17 17:24:33 发布

阅读量7.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：前段ui layui 文章标签： layui open 关闭回调函数

本文链接：https://blog.youkuaiyun.com/wuyichang919/article/details/85126191

前段ui 同时被 2 个专栏收录

5 篇文章

订阅专栏

layui

3 篇文章

订阅专栏

介绍了如何在layui弹窗关闭时使用end回调函数进行额外的操作，以实现更灵活的功能控制。

layui 弹窗open关闭回调函数

可在layui表格关闭时加入的操作

layui.use(['layer','table'], function(){
                var layer = layui.layer;
                var table = layui.table;
                layer.open({
                    title: '详细信息',
                    type: 1,
                    skin: 'layui-layer-rim', //加上边框
                    area: ['70%', '78%'], //宽高
                    content: $('#freightDirectiontb'),//dom标签
                    success:function(layero, index){
                            table.render({
                                elem : '#freightDirectiontb',
                                cols : [ [  {
                                    title : '序号',
                                    type : 'numbers',
                                    align: 'center'
                                }, {
                                    field : 'goodsName',
                                    title : '货物名称',
                                    width:  120,
                                    align: 'center'
                                }] ],
                                response:{
                                    statusName:'code',
                                    statusCode:'200',
                                    msgName:'msg',
                                    count:'count',
                                    data:'data'
                                },
                                page : true,
                                limit : 10,
                                data : data,
                            });

                    },
                    end: function(){
                    	$('#popup').html('<table class="layui-table"  id="freightDirectiontb" style="width: 100%"></table>')
                    }
                });

            });