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();
    }
})