LayerClose弹窗关闭刷新方法

//LayerClose弹窗关闭 

var LayerClose = function(type){
console.log(type);
 if(typeof type =="undefined"){
  return;
 }

 // 开始判断
 switch(type){
  case "self":
   var index = layer.index
   layer.close(index);
   break;
  case "FrameIndex":
   var index = parent.layer.getFrameIndex(window.name);
   layer.close(index);
   break;
  case "selfall":
   layer.closeAll(); //疯狂模式，关闭所有层
   break;
  case "fatherall":
   parent.layer.closeAll(); //疯狂模式，关闭所有层
   break;
  default:

   break;
 }
};

var LayerClose2= function(index,type){

 if(typeof type =="undefined"){
  return;
 }

 // 开始判断

 switch(type){
  case "tips":
   layer.closeAll('tips'); //关闭所有的tips层
   break;
  case "loading":
   layer.closeAll('loading');
   break;
  case "iframe":
   layer.closeAll('iframe');
   break;
  case "dialog":
   layer.closeAll('dialog');
   break;
  case "page":
   layer.closeAll('page');
   break;
  default:

   break;
 }

};

var LayerClose3 = function(o){
console.log(o.type);
 if(typeof o.type =="undefined"){
  return;
 }

 // 开始判断
 switch(o.type){
  case "self":
    (!o.index)?layer.index:o.index
   layer.close(o.index);
   break;
  case "FrameIndex":
   //var index = parent.layer.getFrameIndex(window.name);
   (!o.index)?parent.layer.getFrameIndex(window.name):o.index
   layer.close(o.index);
   break;
  case "selfall":
   layer.closeAll(); //疯狂模式，关闭所有层
   break;
  case "fatherall":
   parent.layer.closeAll(); //疯狂模式，关闭所有层
   break;
  default:

   break;
 }
};

// 关闭刷新

var layerReload = function(index,type){

 if(typeof index =="undefined"||typeof type =="undefined"){
  return;
 }

 // 开始判断

 switch(type){
  case "topreload":
   parent.window.location.reload();
   break;
  case "reload":
   window.location.reload();
   break;
  case "no":
   Layerclose("FrameIndex");//关闭弹窗
   // window.location.reload();
   break;
  case "refreshTable":
   Layerclose("FrameIndex");
   $('#tablelist').bootstrapTable('refresh');
   break;

  default:
   break;
 }

}

以上这篇LayerClose弹窗关闭刷新方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • 使用layer弹窗和layui表单实现新增功能

    使用layer弹窗和layui表单实现新增功能

    1.需求:使用layer在弹窗内完成新增,成功后提示并刷新页面(父页面,list页面) 2.实现 a* 页面效果图 b*页面代码 --构建from表单 <div id="add-main" style="display: none;"> <form class="layui-form" id="add-form" action=""> <div class="layu

  • layer弹窗插件操作方法详解

    本文实例讲述了layer弹窗插件操作方法.分享给大家供大家参考,具体如下: 1.首先去http://layer.layui.com/下载插件 2.在网站上有演示说明 3.操作方法如何 <script src="../js/layer/layer.js"></script> <script> function openadd() { $str=$("#addModal").html();//加载弹窗内容 layer.open({ t

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

    本文实例讲述了layer实现关闭弹出层刷新父界面功能.分享给大家供大家参考,具体如下: layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 最近一个项目采用的是hui前端框架,他的弹出层就是用的layer插件,对于弹出层,有一个操作体验大家都知道,就是关闭弹出层,需要刷新父页面.开始写的时候,我陷入了自己的误区,在弹出层处理成功之后,我调用的是: var index = parent.layer.getF

  • layer实现弹窗提交信息

    layer实现弹窗提交信息

    layer是非常好用的弹窗插件,具体参见官方文档 点击这里进入.官方有很多示例,使用方法也非常简单,引入官方下载的css和js就可以了.但是有时候,弹窗提醒并不能满足我们的所有要求.例如,在奖品界面,希望点击"编辑奖品"的时候,能弹出对话框让我们来填写信息,如下图所示: 如何用简洁美观的 layer 实现这一功能呢?官方并没有给我们提供示例,那就自己动手写吧.下面把代码贴出来. 给"添加奖品"按钮加上单击触发confirmUpdateAward方法 var awar

  • 详解Layer弹出层样式

    前言:学习layer弹出框,之前项目是用bootstrap模态框,后来改用layer弹出框,在文章的后面,我会分享项目的一些代码(我自己写的). layer至今仍作为layui的代表作,她的受众广泛并非偶然,而是这五年多的坚持,不断完善和维护.不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力.目前,layer已成为国内最多人使用的web弹层组件,GitHub自然Stars3000+,官网累计下载量达30w+,大概有20万Web平台正在使用layer. 具体请

  • LayerClose弹窗关闭刷新方法

    //LayerClose弹窗关闭 var LayerClose = function(type){ console.log(type); if(typeof type =="undefined"){ return; } // 开始判断 switch(type){ case "self": var index = layer.index layer.close(index); break; case "FrameIndex": var index

  • ligerUI的ligerDialog关闭刷新的方法

    前几天写代码的时候用到了ligerUI的弹窗功能,然后需要在关闭弹窗的时候异步刷新页面,但是查看API的时候发现没有相关的时间或者方法.然后一个个查看参数,发现了一个叫"cls"的参数,可以自定义给dialog附加css class.就可以通过类选择器绑定该窗口,然后监听onclick事件即可. 代码如下: 弹窗: var win1; if (win1) win1.show(); else win1 = $.ligerDialog.open({ height: window.scree

  • vue 实现弹窗关闭后刷新效果

    vue 实现弹窗关闭后刷新效果

    目录 vue弹窗关闭后刷新效果 问题 解决 关闭或刷新vue文件弹出提示框 vue弹窗关闭后刷新效果 问题 列表点击进入详情时弹窗内容重新赋值,但是修改后未点击保存再打开同一个弹窗,数据是关闭前的样子. 解决 在双击时间里定义一个时间戳,每次点击传过去的值,在弹窗watch里接收时间戳再赋值.关闭页面清空对象. 列表页: this.timestamp=new Date().getTime(); 弹窗详情页: props: {timestamp:Number} watch: {    timest

  • layui关闭弹窗后刷新主页面和当前更改项的例子

    如下所示: function open(t){ var id = $(t).attr("data-id"); var url = "{:U('home/.../...')}&id="+id; //弹出层 layer.open({ ... content: url, //弹窗打开的url end:function(){ location.reload();//弹出层结束后,刷新主页面 } ... }); } 关闭弹窗后,只刷新当前更改的那一项.(关闭弹窗后重新

  • vue打开子组件弹窗都刷新功能的实现

    vue如何一打开子组件弹窗都刷新? 在父页面中给子组件同时绑定:visible.sync和v-if :visible.sync="paramAddDialog" v-if="paramAddDialog" 整体代码: <el-dialog title="绑定其他更多的账户" width="1200px" align="center" :visible.sync="paramAddDialog

  • 全面解析Bootstrap弹窗的实现方法

    全面解析Bootstrap弹窗的实现方法

    一. 结构分析  Bootstrap框架中的模态弹出框,分别运用了"modal"."modal-dialog"和"modal-content"样式,而弹出窗真正的内容都放置在"modal-content"中,其主要又包括三个部分: ☑ 弹出框头部,一般使用"modal-header"表示,主要包括标题和关闭按钮 ☑ 弹出框主体,一般使用"modal-body"表示,弹出框的主要内容 ☑

  • JavaScript多种页面刷新方法小结

    1,reload 方法 该方法强迫浏览器刷新当前页面. 语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页.true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2,replace 方法 方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过"前进"和"后退"来访问已

  • 浅析微信小程序modal弹窗关闭默认会执行cancel问题

    在我们使用小程序的modal组件时候,有的时候会碰到一个问题,那就是弹框的关闭,我们并没有选择取消或确定,而是点击弹框之外的部分,这个时候弹框会关闭,按理来说不会触发取消和确定的绑定事件,但是有的时候点击弹框之外的部分来关闭弹框会触发取消(cancel)绑定的事件,这是为什么呢? 如图是wxml页面 以下是页面对应的js内容 也就是说,就算我们不点击取消,点击弹框之外的部分,也会执行modelCancel方法. 后来发现,是header头的content-type在作怪,我们把header头里的

  • 微信小程序实现自定义modal弹窗封装的方法

    微信小程序实现自定义modal弹窗封装的方法

    前言 小程序官方提供了 wx.showModal 方法,但样式比较固定,不能满足多元化需求,自定义势在必行~ 老规矩先上图 点击某个按钮,弹出 modal框,里面的内容可以自定义,可以是简单的文字提示,也可以输入框等复杂布局.操作完点击取消或确定关闭 modal. 如何使用 将下面的 modal.wxml .modal.wxss .modal.js .modal.json 四个文件复制到对应位置即可. 封装完之后调用起来也很简单,看看调用的代码吧 <modal show="{{showMo

  • golang判断chan channel是否关闭的方法

    本文实例讲述了golang判断chan channel是否关闭的方法.分享给大家供大家参考,具体如下: 群里有朋友问,怎么判断chan是否关闭,因为close的channel不会阻塞,并返回类型的nil值,会导致死循环.在这里写个例子记录一下,并且分享给大家 如果不判断chan是否关闭 Notice: 以下代码会产生死循环 复制代码 代码如下: package main import (     "fmt" ) func main() {     c := make(chan int,

随机推荐