layui 父子页面以及弹出窗的交互

一、弹出窗内容为另一个页面

var index = layer.open({
    type: 2,
    area: ['800px', '500px'],
    content: 'addsel',
    btnAlign: 'c'}

其中addsel表示页面addsel.html
二、操作弹出窗中的页面

var index = layer.open({
    type: 2,
    area: ['800px', '500px'],
    content: 'addsel',
    btnAlign: 'c',
    success: function (layero, index) {
           var body = layer.getChildFrame('body', index);  //获取子页面的body
           body.contents().find("#id").text("new text"); //通过查找body的内容来操作子页面
           //layui重新渲染弹出窗中的页面
           var iframeWindow = layero.find('iframe')[0].contentWindow;
           iframeWindow.layui.form.render();
			}
 })

三、在弹出窗中关闭自己

var index = parent.layer.getFrameIndex(window.name);//获取当前弹窗的Id
parent.layer.close(index);//通过父页面调用来关闭

四、弹出窗中的页面操作父页面

var div = $("#"+id+ " form div",window.parent.document);
//通过window.parent.document来指定从父页面获取