layer弹出层全屏及关闭方法


Posted in Javascript onAugust 17, 2018

一、首先引用JS文件

<script src="../../js/common/layer/layer.js"></script>

二、全屏调用以下代码

var index = layer.open({
 type: 2,
 content: url,
 area: ['300px', '195px'], 
 title: false,
 maxmin: true, 
 closeBtn: 0
    });
layer.full(index);

三、关闭弹出层

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

总结:

这种打开的页面的好处是:直接关闭当前弹出层,不用刷新整个页面,不用加载数据,性能高,节约时间,缺点是查询参数的传输不方便。

补充:

这种写法产地参数十分的不方便,试过array方式传参解读过去的都是object根本不是想要的数据,而json格式数据因为里面带有引号只会传递部分数据,我在这里总结了一个方法,从几种方法里面选的一个相对较好的传参方式:

[{"name":"periodstart","value":"2014-01"},{"name":"periodend","value":"2014-12"},{"name":"fkcategory","value":""},{"name":"fkCategoryName","value":""},{"name":"fkmandept","value":""},{"name":"fkMandeptName","value":""},{"name":"fkusedept","value":""},{"name":"fkUsedeptName","value":""},{"name":"pkcurrtype","value":""},{"name":"total","value":""}]
JSON.stringify($('#searchForm').serializeArray()).replace(/"+/g,'').replace(/name:/g,'').replace(/,value:/g,'=').replace(/},{/g,',');

这是先将一个form表单里面的数据序列化出来,然后转为json格式,然后将json格式的数据转为map避免json数据里面引号对数据的传递影响,然后在后台直接在后台强转为map格式的数据,非常方便。

Map<String, String> map = new HashMap<String, String>();
 String data = "{periodstart=2014-01,periodend=2014-12,fkcategory=,"
 + "fkCategoryName=,fkmandept=,fkMandeptName=,fkusedept=,fkUsedeptName=,pkcurrtype=,total=}";;
 data = data.substring(1, data.length()-1);//去掉前后括号
 String[] arraydata = data.split(",");//按“,”将其分为字符数组
 for (int i = 0; i < arraydata.length; i++) {
  int j = arraydata[i].indexOf("=");
  map.put(arraydata[i].substring(0, j-1), arraydata[i].substring(j+1, arraydata[i].length()));
 }
 Object o = map.get("perioden");
 System.out.println(o.toString());
{periodstart=2014-01,periodend=2014-12,fkcategory=,fkCategoryName=,fkmandept=,fkMandeptName=,fkusedept=,fkUsedeptName=,pkcurrtype=,total=}

以上这篇layer弹出层全屏及关闭方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
日期处理的js库(迷你版)--自建js库总结
Nov 21 Javascript
js和jquery对dom节点的操作(创建/追加)
Apr 21 Javascript
jquery不常用方法汇总
Jul 26 Javascript
JS实现的页面自定义滚动条效果
Oct 26 Javascript
实例详解jQuery Mockjax 插件模拟 Ajax 请求
Jan 12 Javascript
简单谈谈React中的路由系统
Jul 25 Javascript
浅谈webpack下的AOP式无侵入注入
Nov 12 Javascript
axios取消请求的实践记录分享
Sep 26 Javascript
优雅的在React项目中使用Redux的方法
Nov 10 Javascript
Vue.js实现的购物车功能详解
Jan 27 Javascript
微信小程序如何通过用户授权获取手机号(getPhoneNumber)
Jan 21 Javascript
Vue OpenLayer 为地图绘制风场效果
Apr 24 Vue.js
vue+iview+less 实现换肤功能
Aug 17 #Javascript
jquery实现的简单轮播图功能【适合新手】
Aug 17 #jQuery
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
Aug 17 #Javascript
vue实现element-ui对话框可拖拽功能
Aug 17 #Javascript
原生JS实现的简单轮播图功能【适合新手】
Aug 17 #Javascript
layer.confirm取消按钮绑定事件的方法
Aug 17 #Javascript
LayerClose弹窗关闭刷新方法
Aug 17 #Javascript
You might like
php设计模式 DAO(数据访问对象模式)
2011/06/26 PHP
php笔记之:文章中图片处理的使用
2013/04/26 PHP
ECMall支持SSL连接邮件服务器的配置方法详解
2014/05/19 PHP
Docker 如何布置PHP开发环境
2016/06/21 PHP
PHP基于PDO实现的SQLite操作类【包含增删改查及事务等操作】
2017/06/21 PHP
php脚本守护进程原理与实现方法详解
2017/07/20 PHP
PHP实现简易图形计算器
2020/08/28 PHP
Add a Formatted Table to a Word Document
2007/06/15 Javascript
jquery.boxy插件的iframe扩展代码
2010/07/02 Javascript
jquery 选择器引擎sizzle浅析
2013/02/06 Javascript
JS+flash实现chrome和ie浏览器下同时可以复制粘贴
2013/09/22 Javascript
新增加的内容是如何将div的scrollbar自动移动最下面
2014/01/02 Javascript
jQuery循环滚动新闻列表示例代码
2014/06/17 Javascript
js仿手机页面文件下拉刷新效果
2016/10/14 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
2017/10/09 Javascript
nodejs基于WS模块实现WebSocket聊天功能的方法
2018/01/12 NodeJs
解决vue+webpack打包路径的问题
2018/03/06 Javascript
node删除、复制文件或文件夹示例代码
2019/08/13 Javascript
[54:18]DOTA2-DPC中国联赛 正赛 PSG.LGD vs LBZS BO3 第一场 1月22日
2021/03/11 DOTA
Python中urllib+urllib2+cookielib模块编写爬虫实战
2016/01/20 Python
python实现飞船大战
2020/04/24 Python
基于SpringBoot构造器注入循环依赖及解决方式
2020/04/26 Python
解决python调用自己文件函数/执行函数找不到包问题
2020/06/01 Python
Python正则re模块使用步骤及原理解析
2020/08/18 Python
python使用matplotlib的savefig保存时图片保存不完整的问题
2021/01/08 Python
美国受欢迎的眼影品牌:BH Cosmetics
2016/10/25 全球购物
团工委书记自荐书范文
2013/12/17 职场文书
无偿献血倡议书
2014/04/14 职场文书
建筑工地标语
2014/06/18 职场文书
2014年保管员工作总结
2014/11/18 职场文书
升学宴学生答谢词
2015/01/05 职场文书
导游欢送词
2015/01/31 职场文书
自主招生自荐信怎么写
2015/03/24 职场文书
Mysql中where与on的区别及何时使用详析
2021/08/04 MySQL
Matplotlib绘制条形图的方法你知道吗
2022/03/21 Python
解决Git推送错误non-fast-forward的方法
2022/06/25 Servers