美文网首页我爱编程
layui的弹框父子页面的传参

layui的弹框父子页面的传参

作者: 加冰宝贝 | 来源:发表于2018-08-10 15:23 被阅读0次
layui.use('layer', function () { //独立版的layer无需执行这一句
        var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句
        //触发事件
        var active = {
            setTop: function () {
                var that = this;
                //多窗口模式,层叠置顶
                layer.open({
                    type: 2, //此处以iframe举例
                    title: '添加标签',
                    area: ['200px', '200px'],
                    shade: 0.2,
                    maxmin: true,
                    offset: "auto",
                    content:$("#Popup"),
                    btn: ['保存', '取消保存'], //只是为了演示
                    yes: function (index, layero) {
                        var body = top.layer.getChildFrame('body', index);
                        var iframeWin = layero.find('iframe')[0]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method();
                        var inputForm = body.find('#Popup>.layui-form>.inputtext'); 
                        var input = inputForm[0].value
                        var Ladle = $("<span class='Small-box Small space'>" + inputForm + "</span>")
                        $(".Label").append(Ladle);
                        layer.closeAll();
                    },
                    btn2: function () {
                        layer.closeAll();
                    }
                    , zIndex: layer.zIndex
                    , success: function (layero) {
                        layer.setTop(layero);
                    }
                });
            }
    });

相关文章

网友评论

    本文标题:layui的弹框父子页面的传参

    本文链接:https://www.haomeiwen.com/subject/ryzkbftx.html