Layui关于layer弹出层的使用心得

1.动态修改父级标题

使用layui.layer打开一个iframe页面，如果想在子页面修改父标题的内容也就是
layer.open({title:"123"});title字段时，我们就需要拿到父级layer的索引
var var index = parent.layer.getFrameIndex(window.name);
将"123"修改成"456" parent.layer.title('456' , index);

2. 通过父级页面定义的按钮触发打开页面内相应的方法

function openLayer(stationId) {

    window.top.layer.open({

        type: 2,
        title: '父级标题',
        shadeClose:true,
        shade:0.8,
        area:['1050px', '640px'],
        content: 'url',
        btn:["按钮1", "按钮2", "按钮3"],
        btnAlign: 'c',
        yes:function(index, layero) {
		// 调用iframe页面的index.test1方法
            parent.window["layui-layer-iframe" + index].test1(1);
        },
        btn2:function(index, layero) {

            // 调用iframe页面的index.test2方法
            parent.window["layui-layer-iframe" + index].test2(0);
		    // 这里returnfalse 为了取消页面关闭 layui默认第二个按钮会关闭layer
            return false;
        },
        btn3:function(index, layero) {

		    // 调用iframe页面的cancel方法
            parent.window["layui-layer-iframe" + index].cancel();
        }
        
    });
}

3.在弹出层(子页面)如何优雅的关闭弹出层（不使用cancel按钮）

function close(){
    // 拿到父级页面索引
    var index = parent.layer.getFrameIndex(window.name);
    // 关闭
    parent.layer.close(index);
}