首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

方案一: 在layer弹出中调用界面重新加载函数 1 2 3 window.parent.location.reload(); varindex = parent.layer.getFrameIndex...,因为在操作逻辑上,手动关闭弹出框,应该不触发刷新操作,只有当弹出框的处理逻辑执行成功后,调用函数关闭弹出框才触发界面刷新操作,基于这个逻辑,应该选择方案一。...方案二,不管怎样都会刷新页面,实际上无端的增加了服务器的处理压力。 方案二:可以解决子页面处理后的结果发送给子页面的页面的问题。...对于layer.js出现回调关闭类的弹出时,之前的表单的submit失效的问题: 如何解决:网上有很多,有的是转为ajax的请求,在数据传输完再关闭类的弹出: 下面是关闭弹出的办法: 1 2...未经允许不得转载:肥猫博客 » layer实现关闭弹出刷新界面功能详解

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

跨平台移动APP开发进阶(三):hbuilder+mui mobile app 开发心酸路

解决措施:弹出放在内容页面里,页面通知内容页面来显示。...(使用遮罩蒙版技术解决) 注:在popover、侧滑菜单等界面,经常会用到蒙版遮罩;比如popover弹出后,除popover控件外的其它区域都会遮罩一蒙版,用户点击蒙版不会触发蒙版下方的逻辑,而会关闭...popover同时关闭蒙版;再比如侧滑菜单界面,菜单划出后,除侧滑菜单之外的其它区域都会遮罩一蒙版,用户点击蒙版会关闭侧滑菜单同时关闭蒙版。...如图一所示,其实自己是想实现图二: 疑惑:页面如何与内容页面传递数据?...另外,基于webview模式的选项卡,支持原生加速的下拉刷新。如下图: 感触:其实很多问题都可以从Hello mui demo 中得到答案。自己要经常操作以求更加熟悉。

3.1K30

lightMVC:轻量级游戏开发框架(for cocos creator)

Model:数据对象,用于处理数据逻辑以及存储数据,常用来与服务器做数据交互,同时通过消息通知View刷新显示。主要接口如下: ?...Mediator:逻辑中介者,负责接收Model通知来刷新View显示,同时还要接收View事件来处理用户输入,并通过Command处理数据层数据。主要接口如下: ? ?...4.原则上说,除了上述三步需要引用Facade外,后面场景运行起来后就不需要再调用Facade了,在MVC的不同层级做对应的逻辑处理,类接口都做了支持。...Layer view与pop view的区别就是,他们是两个管理器在进行管理,我们认为Layer是场景内初始化创建并且不会关闭的view界面,而pop view是可以随时打开或者关闭的view界面,当然具体怎么使用可以灵活处理...9.Model数据修改通知View刷新逻辑。

1.7K30

基于Metronic的Bootstrap开发框架经验总结(6)--对话框及提示框的处理和优化

在各种Web开发过程中,对话框和提示框的处理是很常见的一种界面处理技术,用得好,可以给用户很好的页面体验,Bootstrap开发也一样,我们往往在页面新增、编辑、查看详细等界面使用弹出对话框的方式进行显示数据...打开对话框界面如下所示: //显示可以选择客户 $("#btnSelectCustomer").show(); 关闭对话框界面如下所示: $("#add").modal("hide"); 一般情况下,我们弹出的对话框就是一个表单...$('#file-Portrait').fileinput('upload'); //保存成功 1.关闭弹出...data = $.parseJSON(json); if (data.Success) { //保存成功 1.关闭弹出...jNotify的参数详细配置: autoHide : true, // 是否自动隐藏提示条 clickOverlay : false, // 是否单击遮罩关闭提示条

5.1K50

Layui弹出关闭

parent.layer.close(index); //该方式只能是弹窗类型为2时,即为iframe时可以使用 layer.closeAll();//疯狂模式,关闭所有   layer.closeAll...('dialog'); //关闭信息框   layer.closeAll('page');//关闭所有页面层   layer.closeAll('iframe');//关闭所有的iframe   ...layer.closeAll('loading');//关闭加载   layer.closeAll('tips');//关闭所有的tips 弹窗关闭刷新页面 窗口关闭后表格刷新 table.reload...('id') 页面全体刷新 window.parent.location.reload(); 刷新页面table(连同查询条件): parent.layui.table.reload('test...'); 其中test为页面table的id值 //引自:https://blog.csdn.net/Third_Week/article/details/95478905 发布者:全栈程序员栈长,转载请注明出处

4.8K20

layer弹出详解

layer如何获取界面的元素,比如我点击新增按钮,在layer框编辑后提交,是如何关闭当前layer框,额,关闭layer框很简单,但是如何关闭后根据界面的form表单向后台发起Ajax请求,,刷新信息...即:layer子界面如何调用界面的方法。 如果你不想使用Layui,而只是想使用layer,你可以去layer独立组件官网下载组件包。...} }); cancel – 右上角关闭按钮触发的回调 类型:Function,默认:null 该回调携带两个参数,分别为:当前索引参数(index)、当前的DOM对象(layero),...,该才会关闭 layer.close(index) } return false; } end – 销毁后触发的回调 类型:Function,默认:null 无论是确认还是取消...即可 //如果你想关闭最新弹出的,直接获取layer.index即可 layer.close(layer.index); //它获取的始终是最新弹出的某个,值是由layer内部动态递增计算的

5K20

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

layer如何获取界面的元素,比如我点击新增按钮,在layer框编辑后提交,是如何关闭当前layer框,额,关闭layer框很简单,但是如何关闭后根据界面的form表单向后台发起Ajax请求,,刷新信息...即:layer子界面如何调用界面的方法。 如果你不想使用Layui,而只是想使用layer,你可以去layer独立组件官网下载组件包。...){ //右上角关闭回调 //return false 开启该代码可禁止点击该按钮关闭 } }); success – 弹出后的成功回调方法 类型:Function,默认:null 当你需要在创建完毕时即执行一些语句...} }); cancel – 右上角关闭按钮触发的回调 类型:Function,默认:null 该回调携带两个参数,分别为:当前索引参数(index)、当前的DOM对象(layero),默认会自动触发关闭...,该才会关闭 layer.close(index) } return false; } end – 销毁后触发的回调 类型:Function,默认:null 无论是确认还是取消,只要被销毁了,end

3.8K20

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.5K30

《七天数据埋点之旅》第四天 埋点设计(下)

综合起来,在处理曝光事件的上报时机的时候要充分的考虑以下场景: 缓存数据满上下滑动等的重复曝光是否加入缓存快速滑动是否加入缓存 离开tab切换(内容是否刷新)实体键返回/软键返回息屏(息屏之后解锁)折叠展开隐藏的内容浮...,下层自动关闭),也可以是平级的关系。...比如一些内容服务类的app,提供内容类型的关注,并同时可定制内容子类型,当子类型全部删除后,则类型自动取消关注。...这种情形下,类型的取消关注就会有两种方式,一种是直接取消类型,一种是通过对子类型的操作联动类型的改变。...演化 演化是指在一个行为发生的过程中该行为附带的属性会发生变化,比如在一次播放过程中清晰度的切换、暂停和继续、播放器界面的小屏和大屏切换等,或者随着时间推移弹窗内容的改变等,这些存在演化的行为,一般的建议是用一个标示符串联起来

1.6K52

年薪30万的前端面试题,你能答对几道?|附答案

XHTML 元素必须被关闭。 标签名必须用小写字母。 XHTML 文档必须拥有根元素。 2.前端页面有哪三构成,分别是什么?作用是什么?...结构 Html 表示 CSS 行为 js; 3.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?...绘画 canvas 用于媒介回放的 video 和 audio 元素 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失; sessionStorage 的数据在浏览器关闭后自动删除...(内联元素) 设置 height = line-height; 2.元素高度确定的多行文本(内联元素) a:插入 table (插入方法和水平居中一样),然后设置 vertical-align:middle...(2)前端模板 JS+数据,减少由于HTML标签导致的带宽浪费,前端用变量保存AJAX请求结果,每次操作本地变量,不用请求,减少请求次数 (3) 用innerHTML代替DOM操作,减少DOM操作次数,

5.5K60

微信小程序开发常见问题(五)

可以保证,提交审核状态时,是一个界面,审核通过 后,调整服务端开关,用户就会看到另一个界面。...问题是,用户也没办法强制刷新,只能默默的等着微信把小程序代码更新(当然,你可以主动删除小程序,再重新搜索 & 打开,这对小白用户来说,成本太高了)。...办法总是有的,连胜老师想到了打开调试的api,如下: 每次打开或关闭调试面版时,小程序会自动关闭,然后重新打开后,代码肯定是最新的。...尝试在用户点击某个button时,或者直接在onHide里面先开启调试,再关闭。...catchtouchstart事件,里面随便写一行代码,然后他的节点就不会收到事件冒泡,这样就实现了我们要的效果。

1.3K70

flutter 起步

比如 Navigator.pushNamed(context, '/');当部件Widget在StatelessWidget.build函数被返回时,这个部件会成为部件。...半边天的一个是无状态StatelessWidget组件,一个是有状态的StatefulWidget组件2、常用组件container:容器组件Text:文本组件Icon:图标组件CloseButton:关闭按钮的组件...但是热刷新也有一些限制,并不是所有的代码改动都可以通过热刷新来更新:编译错误,如果修改后的Dart代码无法通过编译,Flutter会在控制台报错,这时需要修改对应的代码。...全局变量和静态成员变量,这些变量不会在热刷新时更新。修改了main函数中创建的根控件节点,Flutter在热刷新后只会根据原来的根节点重新创建控件树,不会修改根节点。...某个类从普通类型转换成枚举类型,或者类型的泛型参数列表变化,都会使热刷新失败。

4.4K20

【源码篇】Flutter Bloc背后的思想,一篇纠结的文章

用过Bloc的靓仔们,肯定能感受到,Bloc框架对开发页面,做了很清晰划分,框架强行定了俩种开发模式 Bloc模式:该模式划分四结构 bloc:逻辑 state:数据 event:所有的交互事件...view:页面 Cubit模式:该模式划分了三结构 cubit:逻辑 state:数据 view:页面 作者在层次的划分上还是很老道的,state是直接写死在框架内部,这必须要单独分出来;我感觉如果不是被大型项目的克苏鲁代码山坑过...这里我证实下:这是真的,Bloc确实将Provider封了一 但是仅仅只用到Provider中子节点查询最近节点InheritedElement数据和顶层Widget并列布局功能,Provider最经典的刷新机制...为了验证我的想法,我debug了 framework的notifyClients方法,调用emit或yield刷新的时候, _dependents的map一直为空,哎。。。...痛苦之后便是一种巨大的满足感,并对Provider熟练运用Framework各种api,然后实现了精彩的刷新机制,感到赞叹!

2.3K41

HenCoder Android 自定义 View 1-8 硬件加速

界面中的某个 View 由于内容发生改变而调用 invalidate() 方法时,如果没有开启硬件加速,那么为了正确计算 Bitmap 的像素,这个 View 的 View、 View 的 View...由于所有的绘制内容都没有变成最终的像素,所以它们之间是相互独立的,那么在界面内容发生改变的时候,只要把发生了改变的 View 调用 invalidate() 方法以更新它所对应的 GPU 操作就好,至于它的...正是由于上面的原因,硬件加速不仅是由于 GPU 的引入而提高了绘制效率,还由于绘制机制的改变,而极大地提高了界面内容改变时的刷新效率。...所以把上面的三条压缩总结一下,硬件加速更快的原因有两条: 用了 GPU,绘制变快了; 绘制机制的改变,导致界面内容改变时的刷新效率极大提高。...View Layer 在之前几期的内容里我提到过几次,如果你的绘制操作不支持硬件加速,你需要手动关闭硬件加速来绘制界面关闭的方式是通过这行代码: view.setLayerType(LAYER_TYPE_SOFTWARE

38230
领券