layer的使用

一、layer弹出层父子之间交互

• 1、子页面 -> 父页面

var $pElId = parent.$("#pXyzId").val(); // 1、获取父页面元素
var pVal = $pElId.val(); // 获取父页面元素的值
$pElId.val("xxx"); // 更改父页面元素的值

var pMethodFunc = parent.getPMethod(); // 2、访问父页面方法 

// 3、关闭弹出的子页面窗口
var layerId = parent.layer.getFrameIndex(window.name); // 获取窗口索引  
parent.layer.close(layerId);

// 4、从子页面执行刷新父页面
parent.location.reload(); // 刷新父页面  

• 2、父 -> 子
  一般是在打开success成功回调中获取子页面的元素来操作

layer.open({
    title : "xxxx",
    type : 2,
    content : "./xyz.html",
    success : function(layero, index){
        var body1 = $($(".layui-layer-iframe", parent.document).find("iframe")[0].contentWindow.document.body);
        var body2 = layer.getChildFrame('body', index); // 获取子页面body
        var iframeWin = window[layero.find('iframe')[0]['name']];

        //     body1.find(".linkLogo").css("background","#fff");
        //     form.render();
    }
})