layer关闭layer.open窗口

文章描述:

layer关闭当前窗口后刷新当前页面

layer是一个用户体验比较好的web前端开发插件组件,他的解决方案适合于各个水平的开发人员,他使你的页面交互和效果得到大大的提升,我们在制作后台新增数据或者编辑数据的时候都使用弹框页面来操作,这样可以增加用户的体验,但是使用弹窗页面我们点击保存后改如何让弹窗自动关闭页面然后刷新当前列表呢?

html

我们使用的是layer.open加载新页面,在layer.open里面可以设置参数标题、类型、页面宽度、固定位置、加载页面名称

layer.open({
    title: '新增',
    type: 2,
    area: ['880px', '650px'],
    fixed: false, //不固定
    maxmin: true,
    content: 'role.php',
    end: function () {
        location.reload();
    }
});

js

我们在点击保存的时候使用jquery ajax请求提交数据,然后使用下面代码信息关闭弹出层。

setTimeout(function () {
    var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
    parent.layer.close(index);
}, 2000);

 

发布时间:2021/08/12

发表评论