首页
学习
活动
专区
工具
TVP
发布

layer弹出关闭问题

就是在执行添加或修改的时候,需要将数据提交到后台进行处理,这时候添加成功之后最理想的状态是关闭弹出并且刷新列表的数据信息,之前一直想实现这样,可一直没有成功,今天决定好好弄一弄,在仔细看过layer的帮助手册以及查阅资料之后...,有了以下的解决办法: 一、关闭弹出窗   这是layer官网给出的帮助手册,讲解的比较详细 分成两种情况: 1、弹出不是新的页面的时候,直接获得该弹窗的索引,然后执行close方法 layer.close...(); 2、弹出窗是新的页面的时候 var index=parent.layer.getFrameIndex(window.name); parent.layer.close(index); 二、关闭弹窗之后刷新父页面...  例如:在增加用户的时候,增加会弹出一个新的弹窗页面,增加成功之后会有提示性的小的alert,在点击确定之后,弹窗页面关闭,并且刷新用户列表的页面数据。   ...只需要在关闭弹窗的时候加这个window.parent.location.reload();//刷新父页面 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/113462

1.4K30
您找到你想要的搜索结果了吗?
是的
没有找到

layer实现关闭弹出刷新父界面功能详解

); 相比较而言,第一种方案会更佳,因为在操作逻辑上,手动关闭弹出框,应该不触发刷新操作,只有当弹出框的处理逻辑执行成功后,调用函数关闭弹出框才触发父界面刷新操作,基于这个逻辑,应该选择方案一。...对于layer.js出现回调关闭父类的弹出时,之前的表单的submit失效的问题: 如何解决:网上有很多,有的是转为ajax的请求,在数据传输完再关闭父类的弹出: 下面是关闭弹出的办法: 1 2...layer },500); 我还需要在关闭父类窗口后再打开一个窗口,则怎么解决,后面发现layer.js留有一个好的方式,那就是调用父窗口的方法,这个不受子窗口的影响,通过:parent.父类方法名(...参数)这样就可以了,在父窗口中再调用layer.js弹出就好了。...未经允许不得转载:肥猫博客 » layer实现关闭弹出刷新父界面功能详解

4.3K60

layui弹出html,layer弹出「建议收藏」

layer 弹出,怎么只让他弹出一次.在线等 我昨天用这个插件的时候也有这个问题,弹出内容大了就居不了中。这是组件不完美的地方,他设置了top和left值,而且是固定的。...jquery layer怎么弹出指定的html内元素 一个基本的弹出应该满足以下需CSS布局HTML小编今天和大家分享: 点击按钮/链接触发弹出弹出应该有半透明的遮罩; 点击弹出关闭按钮...、取消按钮或者遮罩关闭隐藏弹出; 使用Esc键也可以关闭弹出; 它是响应式的,并且兼容现代主流浏览器。...layer弹出表单的数据使用layer.js弹出时,在弹出里直接提交form表单,返回的画面仍然停留在弹出里。...我们想在弹出里提交form表单后关闭弹出,并跳转到另一个画面。 引用layer.js后 弹窗为什么会在页面最底部出现 这个要看layer中content的内容了 /。

18.6K30

php layer弹出更改背景,详解Layer弹出样式

你需要在你的页面引入jQuery1.8以上的任意版本,并引入layer.js。...){ //右上角关闭回调 //return false 开启该代码可禁止点击该按钮关闭 } }); success – 弹出后的成功回调方法 类型:Function,默认:null 当你需要在创建完毕时即执行一些语句...如果不想关闭,return false即可,如; cancel: function(index, layero){ if(confirm(‘确定要关闭么’)){ //只有当点击confirm框的确定时...即可 //如果你想关闭最新弹出,直接获取layer.index即可 layer.close(layer.index); //它获取的始终是最新弹出的某个,值是由layer内部动态递增计算的 //当你在...(index); //再执行关闭 封装好的Layer弹出框与关闭layer弹出框的方法(代码周一给出, 现在手头没有代码) 总结 以上所述是小编给大家介绍的详解Layer弹出样式,希望对大家有所帮助,

3.7K20

Layui 弹出插件

Layui 弹出插件 开发工具与关键技术: Visual Studio 2015 – Layui 作者:廖亚星 撰写时间:2019年 6 月4日 这段时间在做项目页面的搭建,在页面的操作中,会出现很多的弹出...,这能使用户在一个页面中执行更多的操作,而我的项目里面用的弹出是Layui里面的弹出插件。...Layui的弹出插件可以作为独立组件使用,也可以Layui模块化使用 基本参数: type—基本类型 类型:Number Layer提供了5种类型,传入的值为0(信息框,默认)、1(页面层...offset:[‘100px’,‘50px’]—同时定义top,left坐标 offset:‘t’—快捷键设置顶部坐标 offset:‘lt’—快捷键设置左上角 …… closeBtn – 关闭按钮...,默认:true 默认允许浏览器滚动,如果设定scrollbar: false,则屏蔽 下面有我做的一个弹出–页面层 首先引用Layui插件 然后给它一个按钮,并在页面层里面设置内容

3.3K20

layui弹出html,layui弹出效果实现代码

本文实例为大家分享了layui弹出的具体代码,供大家参考,具体内容如下 弹出 大部分演示都在layer独立组件的官网,与内置的layer模块,用法是完全一致的 特殊例子 Tips:为了更清晰演示...,每触发下述一个例子之前,都会关闭所有已经演示的 多窗口模式,层叠置顶 配置一个透明的询问框 示范一个公告弹出弹出弹出弹出 左上弹出 左下弹出 右上弹出 右下弹出 居中弹出 Layui...’, ‘全部关闭’] //只是为了演示 ,yes: function(){ $(that).click(); } ,btn2: function(){ layer.closeAll(); } ,...layer ≠ layui layer只是作为Layui的一个弹模块,由于其用户基数较大,所以常常会有人以为layui是layerui layer虽然已被 Layui 收编为内置的弹模块,但仍然会作为一个独立组件全力维护...,content: ‘ ‘+ text +’ ‘ ,btn: ‘关闭全部’ ,btnAlign: ‘c’ //按钮居中 ,shade: 0 //不显示遮罩 ,yes: function(

4.1K10

正确使用Layui弹出

正确使用Layui弹出 开发工具与关键技术:MVC 作者:盘洪源 撰写时间:2019年6月16日星期天 在一些需要用到弹出的页面,这个时候就可以用到layui.layer弹出的一个使用,使用方法也很简单...我一开始用的时候也遇到这个错误,就是点开弹出后,当你关闭弹出的时候,弹出里面的内容并没有隐藏掉,而是会追加到外面的主页面下面,这个就并不是我们想要的结果。...layui.js"> 我这里这个是通过点击按钮弹出弹出的例子,弹出里面的内容就需要自已在页面写好了,和平时写的html代码没什么区别,只要在最外层的div加上一个ID备用,然后设置...下面这个是一个简单的layui弹出写法,里面的属性随各人需求,属性的用法这个就自已去layui官网看比较详细点,我这说也说不完。...我这里就是点击按钮弹出弹出,然后上下左右居中效果,content里面放的就是你的html弹出的ID。

2.6K10
领券