layer iframe 设置关闭按钮 和刷新和弹出框设置

摘要:
关闭层弹出层的问题在于,在添加或修改时,成功添加后的理想状态是关闭弹出层并刷新列表中的数据信息。首先,关闭弹出窗口,这是该层官方网站上提供的帮助手册,然后执行关闭方法层。close();2.当弹出窗口是新页面时,variandex=父级。层getFrameIndex(window.name);
layer弹出层的关闭问题
 

  就是在执行添加或修改的时候,需要将数据提交到后台进行处理,这时候添加成功之后最理想的状态是关闭弹出层并且刷新列表的数据信息,之前一直想实现这样,可一直没有成功,今天决定好好弄一弄,在仔细看过layer的帮助手册以及查阅资料之后,有了以下的解决办法:

一、关闭弹出窗

  这是layer官网给出的帮助手册,讲解的比较详细

layer iframe 设置关闭按钮 和刷新和弹出框设置第1张

分成两种情况:

1、弹出层不是新的页面的时候,直接获得该弹窗的索引,然后执行close方法

layer.close();

2、弹出窗是新的页面的时候

var index=parent.layer.getFrameIndex(window.name);

parent.layer.close(index);

二、关闭弹窗之后刷新父页面

  例如:在增加用户的时候,增加会弹出一个新的弹窗页面,增加成功之后会有提示性的小的alert,在点击确定之后,弹窗页面关闭,并且刷新用户列表的页面数据。

  只需要在关闭弹窗的时候加这个window.parent.location.reload();//刷新父页面

 layer iframe 设置关闭按钮 和刷新和弹出框设置第2张

 三、弹出框覆盖

在layui中两个或两个以上的弹出层,覆盖前一个弹出层(置顶弹出)用parent.layer.open
parent.layer.open({
type : 2,
title : '详情',
area : ['580px','505px' ], //宽高
closeBtn : 1,
scrollbar: false,
content :'toAssignedDetailInit?assignId='+assignId,//子页面路径
btn : [ '确定','关闭' ],
});

免责声明:文章转载自《layer iframe 设置关闭按钮 和刷新和弹出框设置》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇TensorFlow Python3.7环境下的源码编译(二)安装配置innodb_data_file_path配置变更引发mysql重启失败下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

python3 学习

实现备份文件功能 file_name = input("输入备份的文件: ") postion = file_name.rfind(".") file_name_new = file_name[:postion] + "[附件]" + file_name[postion:] f1 = open(file_name,'r',encoding="UT...

FORM开发笔记

1, 界面对行循环后在回到循环前的行 v_current_record number:=Get_Block_Property('block名称', Current_Record); --返回当前行号 go_record(v_current_record); --回到以前的当前行 2,Form中的系统变量,它存在于一个Form的整个运行时期的会话之中,变量包...

45个非常有用的 Oracle 查询语句小结

这里我们介绍的是 40+ 个非常有用的 Oracle 查询语句,主要涵盖了日期操作,获取服务器信息,获取执行状态,计算数据库大小等等方面的查询。这些是所有 Oracle 开发者都必备的技能,所以快快收藏吧。 原文地址:http://www.jbxue.com/db/19890.html  日期/时间 相关查询 1.获取当前月份的第一天  运行这个命令能快...

vue从一个页面跳转到另一个页面并携带参数

1.需求: 点击商场跳转到商业体列表 解决方案: 元页面: a标签中添加跳转函数 <a class="orderBtn1 sIRicon2" href="javascript:void(0);" @click="toMallInfo('M000989')"><i class="sIRicon"></i>商场<...

Vue结合vue-print-nb实现打印功能

安装 npm install vue-print-nb --save main.js中全局引入 import Print from 'vue-print-nb' Vue.use(Print); 页面中使用 3.1 使用ref <div > <p>打印内容</p> &...

songshu-video-uniapp-YYC松鼠短视频前端源码-开源--优雅草科技官方发布

songshu-video-uniapp-YYC松鼠短视频前端源码-开源–优雅草科技官方发布 介绍 songshu-video-uniapp-YYC松鼠短视频前端源码-开源–优雅草科技官方发布----开源代码仅供学习研究参考禁止用于商业用途,前端部分将持续更新,此做法是为了杜绝网络上部分不怀好意的网友和部分同行拿着我们的开源版各种胡乱改并且发布宣称官方最...