layer使用问题记录

川长思鸟来 2023-05-22 06:40 14阅读 0赞

# Layer弹出层关闭后刷新父页面 #

//编辑
    $("#edit").on("click", function(){ 
    	var id = getIdSelections(); //debugger;
    	var addUrl = 'editCustomer.html?id='+ id 
    	layer.open({ 
    		type: 2, //1：页面层，2：iframe层，3：加载层，4：tips层。
    		title: '客户自运编辑',
    		shadeClose: false, //不开启遮罩关闭,也就是说，点击弹出层其它地方不会关闭弹出框
    		shade: 0.8, //遮罩
    		area: ['90%', '70%'],
    		content: addUrl,
    		end: function () {  //最后执行reload
                    location.reload();
                }
    	});
    });

# 关闭弹出层 #

*  首先，弹出某个层时需要给层取名（赋值），如：

var mylayer = layer.open({ 
        type: 2,
        content: 'layer.html',
        title: false,
        area: ['500px', '500px'] 
    });

（1）需要关闭指定的弹出层时，直接：

layer.close(mylayer);

（2）如果在弹出层中写js，将弹出层自身关闭，可以先获取到弹出层名字，再将其关闭

var mylayer= parent.layer.getFrameIndex(window.name);
     
    parent.layer.close(mylayer);

## 在A中打开B，在B中关闭B ##

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

# 三、刷新父层 #

A中打开的B，关闭B，刷新A

parent.location.reload();

//关闭弹窗
    function removeIframe(){ 
    	var index = parent.layer.getFrameIndex(window.name);
    	parent.location.reload();  
    	parent.layer.close(index);
    
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关 layer使用问题记录

Layer弹出层关闭后刷新父页面 //编辑 $("edit").on("click", function(){ var id = getIdS

川长思鸟来/ 2023年05月22日 06:40/ 0 赞/ 15 阅读

相关 layer的使用笔记

layer是一款口碑极佳的web弹层组件，之前也介绍过，这个月重度使用了一下，也对其进行了相关调整和发现的一些问题。 1.右下角弹出时，点击最小化时，停留位置是根据最左上角的

深碍√TFBOYSˉ_/ 2023年03月06日 08:22/ 0 赞/ 17 阅读

相关 js layer的使用

基于ACE 具体css js样式可以参考fms-proxyInvoice-admin.zip，上传资源。 parse("common/header.vm")

Myth丶恋晨/ 2023年02月10日 03:59/ 0 赞/ 95 阅读

相关 layer的使用

第一步：部署下载layer后，把它部署到你项目中的任何一个目录（当然，我们推荐放在前端相关目录里），你不能去挪动layer里面的文件结构，因为它们是不可拆散的组合。就像这

喜欢ヅ旅行/ 2022年10月01日 00:58/ 0 赞/ 278 阅读

相关使用jboot问题记录

前置条件系统环境：mysql、redis、consul 软件环境：jboot、motan consul 截图，显示有两个服务，一个是 b2c-service 一个是 s

客官°小女子只卖身不卖艺/ 2022年05月16日 13:52/ 0 赞/ 305 阅读

相关 layer的简单使用

1. 引入jquery.js和layer.js 2. 提示：layer.msg(‘hello’); 3. 弹出框：layer.alert(‘hello’); 4. 确认

「爱情、让人受尽委屈。」/ 2022年05月15日 01:46/ 0 赞/ 381 阅读

相关 Mysql 使用问题记录

1.命令行按回车，或是输入\\c,quit 都无法结束编辑状态，如图： ![70][] 出现了”> ,然后不管输入什么都无法退出，这时输入>前的字符作为结束字符,再输入

Bertha 。/ 2022年05月12日 15:22/ 0 赞/ 414 阅读

相关 Eclipse 使用问题记录

一.Maven clean 时Error Failed to execute goal org.apache.maven.plugins:maven-clean-plug

我就是我/ 2022年04月10日 06:07/ 0 赞/ 653 阅读

相关 CefSharp 使用问题记录

背景： CEF : 是一个C/C++库，使用了google的chrome 开源内核WebKit引擎，可以允许开发者将网页嵌入CEF中进行展示 CefSharp：是一个基于C

今天药忘吃喽~/ 2022年04月08日 15:16/ 0 赞/ 651 阅读

相关 layer使用小demo

> bootstrapTable 后台请求数据, 鼠标放在title上展示提示信息 $('table').on('mouseenter','.th-inner',fu

╰+攻爆jí腚メ/ 2021年09月18日 16:18/ 0 赞/ 544 阅读