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 相关文章推荐
javascript 混合的构造函数和原型方式,动态原型方式
Dec 07 Javascript
Js sort排序使用方法
Oct 17 Javascript
体验js中splice()的强大(插入、删除或替换数组的元素)
Jan 16 Javascript
js如何判断用户是在PC端和还是移动端访问
Apr 24 Javascript
jquery ui dialog替代confirm实例分析
Jan 25 Javascript
跨域资源共享 CORS 详解
Apr 26 Javascript
jquery easyui validatebox remote的使用详解
Nov 09 Javascript
基于js原生和ajax的get和post方法以及jsonp的原生写法实例
Oct 16 Javascript
详解Nuxt.js Vue服务端渲染摸索
Feb 08 Javascript
基于elementUI使用v-model实现经纬度输入的vue组件
May 12 Javascript
JavaScript实现轮播图效果代码实例
Sep 28 Javascript
Vue路由守卫及页面登录权限控制的设置方法(两种)
Mar 31 Javascript
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 动态多文件上传
2009/01/18 PHP
php ci框架中加载css和js文件失败的解决方法
2014/03/03 PHP
PHP基于GD库的缩略图生成代码(支持jpg,gif,png格式)
2014/06/19 PHP
一个非常完美的读写ini格式的PHP配置类分享
2015/02/12 PHP
HR vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
jQuery弹性滑动导航菜单实现思路及代码
2013/05/02 Javascript
把字符串按照特定的字母顺序进行排序的js代码
2014/01/28 Javascript
使用Chrome调试JavaScript的断点设置和调试技巧
2014/12/16 Javascript
轻松创建nodejs服务器(6):作出响应
2014/12/18 NodeJs
JavaScript数组和循环详解
2015/04/27 Javascript
javascript使用Promise对象实现异步编程
2016/03/01 Javascript
js+html获取系统当前时间
2017/11/10 Javascript
监听angularJs列表数据是否渲染完毕的方法示例
2018/11/07 Javascript
react组件从搭建脚手架到在npm发布的步骤实现
2019/01/09 Javascript
JavaScript碎片—函数闭包(模拟面向对象)
2019/03/13 Javascript
node静态服务器实现静态读取文件或文件夹
2019/12/03 Javascript
[00:34]DOTA2上海特级锦标赛 VG战队宣传片
2016/03/04 DOTA
Python中处理字符串的相关的len()方法的使用简介
2015/05/19 Python
Python类属性的延迟计算
2016/10/22 Python
Anaconda多环境多版本python配置操作方法
2017/09/12 Python
Python使用matplotlib实现的图像读取、切割裁剪功能示例
2018/04/28 Python
Python中property函数用法实例分析
2018/06/04 Python
python-pyinstaller、打包后获取路径的实例
2019/06/10 Python
Pytorch 搭建分类回归神经网络并用GPU进行加速的例子
2020/01/09 Python
在pycharm中实现删除bookmark
2020/02/14 Python
Python爬虫获取豆瓣电影并写入excel
2020/07/31 Python
python实现逻辑回归的示例
2020/10/09 Python
澳大利亚巧克力花束和礼品网站:Tastebuds
2019/03/15 全球购物
银行实习自我鉴定
2013/10/12 职场文书
人事专员职责
2014/02/22 职场文书
教堂婚礼主持词
2014/03/14 职场文书
婚庆司仪主持词
2014/03/15 职场文书
遵纪守法演讲稿
2014/05/23 职场文书
群众路线教育实践活动对照检查材料思想汇报(副处级领导)
2014/10/04 职场文书
六查六看自查报告
2014/10/14 职场文书
2016感恩父亲节主题广播稿
2015/12/18 职场文书