layUI的iframe弹出层的父子页面数据交互

最新推荐文章于 2023-03-31 09:39:18 发布

羽下佳人

最新推荐文章于 2023-03-31 09:39:18 发布

阅读量2.6k

点赞数

分类专栏： js框架 - layUi

本文链接：https://blog.csdn.net/zjl199303/article/details/94594257

版权

js框架 - layUi 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1.获取父页面的值给子页面

var body = layer.getChildFrame('body', index);     //获取子页面的body元素

body.find('#id').val(data.id);        //为子页面id为id的元素赋值

2.在子页面关闭弹出层

var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引

parent.layer.close(index); //再执行关闭

3.访问父页面方法

var parentMethodValue = parent.getMethodValue();    //访问父页面方法

4.如何从子页面执行刷新父页面操作

parent.location.reload();     // 父页面刷新

5.父页面传值给子页面操作

layer.open({

    type: 2,

    title: '详情',

    shadeClose: true,

    shade: 0.6,

    area: ['900px', '90%'],

    content: 'iframe_detail.html',

    success:function(layero, index){

        var body = layer.getChildFrame('body', index);

        body.contents().find("#detailId").val(data.id);  // #detailId  子页面元素id

    }

});


// loadData子页面方法
document.getElementById("iframe").contentWindow.loadData($,laydate,data.id);