(开发笔记)layer.open弹出层 输入层的使用

44 篇文章 0 订阅
21 篇文章 0 订阅

    function alert() {
        layui.layer.alert('alert', {
            //1:正确;2:错误;3:询问;4:锁定;5:失败;6:成功;7:警告;16:加载
            icon: 1,
            shift: 5, //1:上,2:下,3:左,4:右,5:正常,6:抖动效果
            time: 3000
        });

    }
    function msg() {
        layui.layer.msg('msg', {
            //1:正确;2:错误;3:询问;4:锁定;5:失败;6:成功;7:警告;16:加载
            icon: 1,
            shift: 5, //1:上,2:下,3:左,4:右,5:正常,6:抖动效果
            time: 3000
        });
    }
    layero.find('.layui-layer-btn').css('text-align', 'center'); //改变位置按钮居中,
    var body = layer.getChildFrame('body', index);
    var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method();
    console.log(body.html()) //得到iframe页的body内容
    body.find('input').val('Hi,我是从父页来的')
        layui.layer.prompt({
            formType: 2,
            anim: false,
            title: '拒绝原因',
            area: ['800px', '350px']
        }, function (value, index1, elem) {
            var reason = value; //得到value
        })
           layerYk.open({
                title: '编辑岗位信息',
                type: 2,
                area: ['90%', '90%'],
                content: ctx + '/editPostInfoPage',
                btn: ['保存', '关闭'],
                success: function (layero, index) {
                    //弹出层页面加载成功后调用success方法
                    var win = $(layero).find("iframe")[0].contentWindow;
                    var body = layer.getChildFrame('body', index);
                    body.find("#postId").val(data.postId);//win.$()效果一样
                    body.find("#postName").val(data.postName);
                    body.find("#secgId").val(data.secgId);
/*                    body.find("#secgId").children("option").each(function() {
                        // 判断需要对那个选项进行回显
                        if (this.value == data.secgId) {
                            console.log(data.secgId);
                            console.log($(this).text());
                            // 进行回显
                            $(this).attr("selected","selected");
                        }
                    });*/
                    body.find("#deptId").val(data.deptId);
                    body.find("#deptName").val(data.deptName);
                    body.find("input[name='aliveFlag'][value='" + data.aliveFlag + "']").attr("checked", true);
                    win.formYk.render();//子页面layui表单渲染
                },
                yes: function (index, layero) {
                    var win = $(layero).find("iframe")[0].contentWindow;
                    win.$('#save').click();
                    var loading = layerYk.load(1); //风格1的加载
                    setTimeout(function () {
                        layerYk.close(loading);
                        layerYk.msg("保存成功");
                    }, 1000);
                },
                cancel: function (index, layero) {
                    console.log("关闭");
                    var win = $(layero).find("iframe")[0].contentWindow;
                    layerYk.close(index);
                }
            });

父页面调用iframe下子页面的方法:

var win = $(layero).find("iframe")[0].contentWindow;
win.formYk.render();//win.functionName();

子页面调用父页面的方法:

//调用父页面的方法
parent.showInit();
//在子页面调用父页面的方法然后关闭自己(子页面自己)
var index = parent.layerYk.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layerYk.close(index); //再执行关闭

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值