layui.open 父页面调用子页面属性 方法等
首先 先给layui.open 取个id名
id: “maininsert-form”,
调用子页面UE属性
var frameId = document.getElementById(‘maininsert-form’).getElementsByTagName(“iframe”)[0]
//调用子页面百度富文本 获取百度富文本值
console.log($(frameId)[0].contentWindow.UE.getEditor(‘editor’).getContent());
输出
父页面代码
layer.open({ // 打开弹出层
id: "maininsert-form",
type: 2, // 2 - url
content: ["<%=basePath%>page/mainpro/layuiMainAdd.jsp"], // 弹出层的 url []不出现滚动,'no
area: ["70%", "97%"], // 大小
title: ['子页面标题'], // 定义弹出层名称 'font-size:13px;margin-top:10px;'
fixed: false, // 鼠标滚动时,层是否固定在可视区域
//maxmin: true, // 最大小化按钮
shadeClose: true,
btn: ['保存', '取消'], //按钮,可定义多个,btn2,btn3....获取回调,第一个按钮为 yes 获取回调
yes: function (index, layero) { //请求回调,按钮【添加】的回调
var body = layero.find("iframe").contents().find("body");
var iframeWindow = window['layui-layer-iframe' + index] //获取弹框页面
, submitID = 'LAY-user-front-submit' //弹框确定按钮
, submit = layero.find('iframe').contents().find('#' + submitID);//弹框确定按钮
//监听提交
var landingid = $(body).find('form').find('#landingid').val();
var main_tag = $(body).find('form').find('#main_tag').val();
var product_code = $(body).find('form').find('#product_code').val();
var product_tag = $(body).find('form').find('#product_tag').val();
var title = $(body).find('form').find('#title').val();
var manager_introduction = $(body).find('form').find('#manager_introduction').val();
var product_url = $(body).find('form').find('#product_url').val();
var fund_img_url = $(body).find('form').find('#fund_img_url').val();
var t1 = layero.find("iframe");
#子页单选按钮回显
var radio = body.find('input[name="state"]');
var radioLength = radio.length;
for (var i = 0; i < radioLength; i++) {
if (data.state == radio[i].value) {
$(radio[i]).next().click();
}
}
var frameId = document.getElementById('maininsert-form').getElementsByTagName("iframe")[0]
//调用子页面百度富文本 获取百度富文本值
console.log($(frameId)[0].contentWindow.UE.getEditor('editor').getContent());
// iframeWin.userlayuiadd(); //调用子页面的方法,得到子页面返回的值
// layer.msg('添加成功');
// layer.close(index); //关闭窗口(需要手动)
}
// , btn2: function (index, layero) { //请求回调,按钮【取消】的回调 return false 开启该代码可禁止点击该按钮关闭
// }, cancel: function () { //请求回调,右上角关闭执行 return false 开启该代码可禁止点击该按钮关闭
// }, success: function (layero, index) { //请求回调,打开窗口时执行
// }, end: function () { //请求回调,窗口销毁时执行
// //window.location.href='/user/pageAll';
// // location.reload(); //窗口销毁时刷新主页面数据
// }
})
子页面代码
还没有评论,来说两句吧...