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