layui关闭弹出框并刷新

2024-08-31

layui之弹出层关闭和刷新问题

本篇文章是根据本人实际开发的例子来讲的,不一定适用各位看官的情况描述: 主页面,弹出第一个弹框,第一个弹框中在弹出第二个弹框,如图: 1是主页面,2是子弹窗,3是孙弹窗功能一:好了,第一个我要实现的功能是点击弹窗3的确定之后关闭弹窗3 上js代码,先贴出如何在主页面1中弹出弹窗2的代码: //弹窗2(代码写在主页面1)function edit() { var index = layer.open({//占坑!!! type : 2, title : "预算目标编辑", conte

Layui关闭弹出层对话框--刷新父界面

在毕设的开发中,添加用户.添加权限等等一些地方需要类似于bootstrap中的模态框.然而开发用的却是layui 在layui中有弹出层可以实现其中的效果. 但是,一般用的时候都是提交后关闭窗口,刷新父界面.这里记录一下方法 var index = parent.layer.getFrameIndex(window.name); //获取窗口索引 window.parent.location.reload(); //刷新父界面parent.layer.close(index); //关闭弹出层

Layui关闭弹出层并刷新父窗口

先确保已经引入layui和jquery 再确保初始化layer弹出层 <script> layui.use(['form', 'layer'], function() { var form = layui.form; var layer = layui.layer; }); </script> 第1种方式: $(function() { //关闭弹窗 $(document).on('click', '#closeBtn', function() { var index = pare

layui关闭弹出框

layer.close(index) - 关闭特定层 //当你想关闭当前页的某个层时 var index = layer.open(); var index = layer.alert(); var index = layer.load(); var index = layer.tips(); //正如你看到的,每一种弹层调用方式,都会返回一个index layer.close(index); //此时你只需要把获得的index,轻轻地赋予layer.close即可 //如果你想关闭最新弹出的层

layui关闭弹出层

layui关闭弹出层,今天我在vscode中使用p parent.layer.closeAll()发现没效果换成layer.closeAll()就解决了这个问题. 由此我觉得关闭layui关闭弹出层的相关方法给大家介绍一下: layer.closeAll(); //疯狂模式,关闭所有层 layer.closeAll('dialog'); //关闭信息框 layer.closeAll('page'); //关闭所有页面层 layer.closeAll('iframe'); //关闭所有的ifra

javascript关闭弹出窗体时刷新父窗体和居中显示弹出窗

居中显示用到了moveTO()方法: 关闭弹出窗时刷新父窗体用到了window.opener方法: 父窗体代码例如以下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="弹出窗体.aspx.cs" Inherits="弹出窗体" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi

div悬浮在屏幕的中间及点击按钮关闭弹出框

#fd { position: fixed; z-index: 999; width: 109px; height: 323px; top: 71%; right: 1%; margin: -50px 0 0 -50px; /*border: 1px solid red;*/ } <div id="fd"> </div> /*点击按钮关闭弹出框*/ <div class="close-btn" style=" backgrou

layui 各种弹出框

第一步:引用文件第二步:写脚本 <script> //iframe窗 //layer.open({ // type: 2, // title: false, // closeBtn: 0, //不显示关闭按钮 // shade: [0], // area: ['340px', '215px'], // offset: 'rb', //右下角弹出 // time: 2000, //2秒后自动关闭 // anim: 2, // content: ['text1.html', 'no'], //i

Easyui 关闭弹出框后还显示验证提示信息

今天下午做form表单,然后可以保存,可以关闭.可是关闭的时候老是会在屏幕左上角显示验证提示框,很是着急. 如图: 可能是easyui自己框架的问题,或许是因为网上有的人,自己代码写得有问题,没有调试运行,直接写教程了,然后一批一批的人就中枪了. 下班前找到两种解决办法. 第一种: 我们应该先写弹出对话框,再写清除表单内容. $('#dlg').dialog('open').dialog('setTitle', '新增协议价格'); $('#fm').form('clear'); 而网上的一些教

layui 关闭弹出层方法

layer.closeAll();//疯狂模式,关闭所有层 layer.closeAll('dialog'); //关闭信息框 layer.closeAll('page');//关闭所有页面层 layer.closeAll('iframe');//关闭所有的iframe层 layer.closeAll('loading');//关闭加载层 layer.closeAll('tips');//关闭所有的tips层

点击datagrid弹出ldhdialog，点击弹出框的按钮，关闭且刷新datagrid

datagrid里的js这么写 //点击添加按钮触发 function superadd(title,addurl,gname,width,height) { gridname=gname; createwindow(title, addurl,width,height); }//点击修改按钮触发function superupdate(title,url, id,width,height,isRestful) { gridname=id; var rowsData = $('#'+id).da

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

layer弹出层的关闭问题就是在执行添加或修改的时候,需要将数据提交到后台进行处理,这时候添加成功之后最理想的状态是关闭弹出层并且刷新列表的数据信息,之前一直想实现这样,可一直没有成功,今天决定好好弄一弄,在仔细看过layer的帮助手册以及查阅资料之后,有了以下的解决办法: 一.关闭弹出窗这是layer官网给出的帮助手册,讲解的比较详细分成两种情况: 1.弹出层不是新的页面的时候,直接获得该弹窗的索引,然后执行close方法 layer.close(); 2.弹出窗是新的页面的时候 v

fancybox 关闭弹出窗口 parent.$.fancybox.close(); 无反应 fancybox 关闭弹出窗口父页面自动刷新,弹出子窗口前后事件

当我们在父页面使用 fancybox 弹出窗口后,如果想自己手动关闭,则可以 function Cancel() { parent.$.fancybox.close(); } 如果关闭没有反应,最好看看父页面里面有没有设置type为iframe模式 $(function () { $("#various3").fancybox({ onStart: function () { var examId = $('input[name="examRadio"]:che

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

本文实例讲述了layer实现关闭弹出层刷新父界面功能.分享给大家供大家参考,具体如下: layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 方案一: 在layer弹出层中调用父界面重新加载函数 window.parent.location.reload(); var index = parent.layer.getFrameIndex(window.name); parent.layer.close(in

[ vue ] Quasar封装q-dialog组件，在外层实现弹出框的开启和关闭

场景描述: 见:https://www.cnblogs.com/remly/p/12981582.html 具体实现:  <template> <div class="q-mt-md"> <q-btn label="Login" @click="showLoginModal=true"/> <Login v-model="showLoginModal"

弹出框layer的使用封装

layer弹出框官方网址:http://layer.layui.com/ layer常用方法的封装:layerTool.jsp layer.config({ extend: 'extend/layer.ext.js', //注意,目录是相对layer.js根目录.如果加载多个,则 [a.js, b.js, …] shift: 0//默认动画风格 }); function Layer(){} ; Layer.prototype = { toplayer : window.top.layer , /

[js]uploadify结合jqueryUI弹出框上传，js中的冒出的bug，又被ie坑了

引言最近在一个项目中,在用户列表中需要对给没有签名样本的个别用户上传签名的样本,就想到博客园中上传图片使用弹出框方式,博客园具体怎么实现的不知道,只是如果自己来弄,想到两个插件的结合使用,在弹出框中使用uploadify插件进行上传,每次都会报错很是无语,最后找到解决方案,这里记录一下,算是对工作中遇到的bug的一个总结. bug 这是vs调试状态下,显示的信息.在浏览器端,点击第一次上传按钮,正常,将弹出框关闭后,第二次打开,就会出现问题: 第一次单击上传: 第二次,关闭弹出框,再次单击上传

layer.js漂亮的弹出框

它的官方网站:http://layer.layui.com/ 消息.确认框.ifame.自定义文本.旋转木马,都有按钮,是一款强大的js 弹出框: 以下为本人的简单介绍: layer.open({ type: 1, //1代表 content的值例如:'文本' :2 代表 content的值例如'../index.html' area: ['450px', '220px'],//显示的弹出框的宽度和高度 // skin: 'layui-layer-rim', //加上边框 content: '<

弹出框优化实例（alert和confirm）

在项目过程中会遇到需要使用自己定义的弹出框的情况.以前用过ymprompt,但是它太复杂而且不好自己操控.所以自己写了一个弹出框实例. 主要有两类弹出框alert和confirm.基于jQuery alert([title,]des[,callback]): title: 弹出框标题,string类型,可选 des: 弹出框内容描述,string类型,必须 callback: 弹出框点击按钮后的回调函数,可选效果图如下 confirm([title,]des,callback): title:

cocos2dx2.2.2弹出框的实现

在上一篇文章中,我们利用CCEditBox实现了输入框功能,使我们在注册时可以输入用户名和密码.但是当用户名和密码的输入不符合规范时,我们应该怎样给与用户提示呢?下面我们就来介绍弹出框的实现方式. 我们的思路就是,创建一个模态层,将当前场景的内容盖住,然后在弹出层上给与用户相应的提示并提供一个关闭弹出层的按钮.首先,我们先来看一下效果. 这里的标题和具体提示信息需要是自定义的,才能满足不同场景的需要,而确定按钮只是用来关闭弹出层的,所以这个弹出框的主要元素并不多,实现起来也比较简单. 另外,还有

弹出框页面中使用jquery.validate验证控件

弹出框页面中使用jquery.validate验证控件有几个问题需要解决: 1,弹出框的提交事件完成后如何关闭弹出框页面? 2,提交不成功如何返回当前页? 3,如果知道验证事件成功? 之前笔者都是JS验证控件,放着强大的jquery.validate控件不用,自己写验证,会是让追求程序完美的人心里有种淡淡的忧伤. 不过还好,今天下午笔者花了点时间,已实现这种功能,虽然也不是很完美,但也基本能用了. 先看下效果,一会再上代码. 当验证通过后,程序后台开始提交,提交成功,当前弹出框关闭. 为此代码如

layui关闭弹出框并刷新

热门专题