当前位置:首页 > layui > 关键词 > layer > 正文

layui引用其他页面,并在提交后关闭引用页面,且刷新当前页面的方法

layui引用其他页面,并在提交后关闭引用页面,且刷新当前页面的方法

使用场景

在需添加某个值的时候,点击添加,弹出输入窗口B,操作结束后,自动关闭此窗口B,并刷新当前页面A。

页面A代码部分

$("#addprocess").click(function () {
    layer.open({
        type: 2,
        title:'新增建站进度 - {$product.domainname}',
        skin: 'layui-layer-molv', //加上边框
        closeBtn: 0, //不显示关闭按钮
        anim: 1,
        area: ['520px', '390px'], //宽高
        shadeClose: true, //开启遮罩关闭
        content: "{:url('addprocess')}?id={$product.id}",
        end:function () {
            location.reload()//执行刷新
        }
    });
});

窗口B代码部分

//监听提交
form.on('submit(submit)', function (data) {// 提交方法 默认为本身
    var loading = layer.load(1, {shade: [0.1, '#fff']});
    $.post("{:url('addprocess')}", data.field, function (res) {
        layer.close(loading);
        if (res.code > 0) {
            layer.msg(res.msg, {time: 1800, icon: 1});
            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
            parent.layer.close(index); //再执行关闭
        } else {
            layer.msg(res.msg, {time: 1800, icon: 2});
        }
    });
});

本文属原创,转载请注明原文:https://zhimatong.com/jiaocheng/270.html

点赞 0
QQ在线咨询