layui在子窗口中重载父级数据表格

最新推荐文章于 2024-07-03 19:13:37 发布

xyzko1

最新推荐文章于 2024-07-03 19:13:37 发布

阅读量410

点赞数

分类专栏： JAVA 文章标签： java 前端服务器

本文链接：https://blog.csdn.net/u013733643/article/details/128806748

版权

JAVA 专栏收录该内容

141 篇文章 19 订阅

订阅专栏

参考LayUI官方文档，在子窗口中重载父级数据表格找到以下两种方法：

1、子窗口中重载：在子窗口中直接调用父级talbe的reload方法。

 $("body").on("click", "#Test", function () {
            //刷新父级数据表格
            parent.layui.table.reload("demo");
            //关闭弹层
            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
            parent.layer.close(index); //再执行关闭   
        });

2、父窗口中重载：通过Layer弹窗的End事件回调触发：

 perContent = layer.open({
                            type: 2,
                            title: '添加讲师',
                            shadeClose: true,
                            shade: 0.8,
                            maxmin: true,
                            area: ['80%', '90%'],
                            content: '@Url.Action("Create", new { source = "index" })', //iframe的url
                            //通过end回调
                            end: function(){
                                table.reload('demo');
                            }
                        });
                        //以下代码可以弹窗直接全屏
                        layer.full(perContent);