layui父页面和子页面参数互传

父页面获取子页面数据

父页面
<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>&nbsp;
</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);
        })
    }

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值