layui 或者layer 父页面获取子页面数据或者子页面获取父页面操作方法

最新推荐文章于 2024-09-01 19:15:02 发布

sharionlee

最新推荐文章于 2024-09-01 19:15:02 发布

阅读量8.4k

点赞数 1

分类专栏： layer 文章标签：前端 layer layerUI

本文链接：https://blog.csdn.net/sharionlee/article/details/98486904

版权

本文介绍了如何在layui或layer框架中实现父子页面的数据交互，包括子页面操作父页面的按钮点击事件及父页面获取子页面数据的方法，详细阐述了相关代码实现。

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

// 父页面获取子页面的iframe
var frameId = $(layero).find("iframe").attr('id');

// 父页面获取子页面指定的id数据
var id = $(window.frames[frameId].document).find("#typecoupon").val();


// 子页面的数据赋值给父页面指定的id
$(window.parent.document).find("#eleName").val("eleVal");

// 子页面操作父页面按钮点击事件
$(window.parent.document).find("#toolbarBtns").children()[1].click();

例如：子页面操作父页面按钮点击事件：

父页面弹窗代码：

layer.open({
                    type: 2,
                    title: '新增',
                    maxmin: false,
                    shadeClose: false, //点击遮罩关闭层
                    area: ['80%', '90%'],
                    resize: false,
                    content: content
                });

子页面操作父页面按钮：