父页面获取子页面数据
父页面
<div class="layui-form-item " >
<label class="layui-form-label">选择</label>
<div class="layui-input-block" >
<button style="width: 15%" class="layui-btn layui-btn-radius layui-btn-warm" type="button" id="sel_good" lay-filter="sel_good">点击选择</button>
</div>
</div>
<div class="layui-form-item selectGood" >
<label class="layui-form-label">所选</label>
<div class="layui-input-block" id="good" >
<input type="text" id="goodName" autocomplete="off" class="layui-input">
<input type="hidden" id="goodId" name="goodId" autocomplete="off" class="layui-input">
</div>
</div>
父页面js
e("#sel_good").on("click", function () {
var e = layui.layer.open({
title: "选择",
type: 2,
move: false,
anim: 1,
skin: "larry-green",
offset: '10px',
area: [width*0.9 + "px", height*0.9 + "px"],
content: ""//后台请求地址
});
});
子页面(是列表)
<script type="text/html" id="merchantBar">
<a class="layui-btn layui-btn-mini layui-btn-radius " lay-event="select">选择</a>
</script>
子页面js
l.on("tool(bannerPage)", function (e) {
var i = e.data;
var goodId = i.goodId;
var goodName = i.goodName;
if (e.event == "select") {
t.confirm("确定选择该物品做为跳转商品,确认吗?", {
icon: 3,
skin: 'larry-green',
title: "系统提示",
offset: '200px',
closeBtn: 0,
skin: 'layui-layer-molv',
anim: Math.ceil(Math.random() * 6),
btn: ['确定', '取消']
}, function (index) {
window.parent.document.getElementById("goodName").value=goodName;
window.parent.document.getElementById("goodId").value=goodId;
var index = parent.layer.getFrameIndex(window.name); //当前iframe层的索引
parent.layer.close(index); //再执行关闭
layer.close(index);
}, function (index) {
layer.close(index);
});
}
});
子页面获取父页面数据
function editType(data) {
var index = layui.layer.open({
title: "操作分类",
type: 2,
content: "../page/toEditNotice",
success: function () {
var body = layui.layer.getChildFrame('body', index);
if (data) {
body.find("#noticeContent").val(data.noticeContent);
body.find(".createTime").val(data.createTime);
body.find(".noticeId").val(data.noticeId);
body.find(".noticeTitle").val(data.noticeTitle);
form.render();
}
setTimeout(function () {
layui.layer.tips('点击此处返回notice列表', '.layui-layer-setwin .layui-layer-close', {
tips: 3
});
}, 500)
}
});
layui.layer.full(index);
//改变窗口大小时,重置弹窗的宽高,防止超出可视区域(如F12调出debug的操作)
$(window).on("resize", function () {
layui.layer.full(index);
})
}