layer 的使用

415 阅读1分钟

为什么要使用?

自己写弹框,样式以及和整个项目组其他人员差异性不好控制。

是什么?

下载layer的压缩包中,有 css,js,和一些基本图标,原理是当我们写了一个类似ajax请求的layer语法后,在执行的时候通过js方法生成html代码和自身css,图标结合,嵌套在页面中。z-index 层级设置的很高

怎么用?

1. 把layer的整个文件夹放在目录了,需要使用的引入layer.js就可以了,需引用jquery1.8+
2. 根据API引用 

文档

[http://www.layui.com/doc/modules/layer.html](http://www.layui.com/doc/modules/layer.html)

使用layer弹框打开一个新的页面

打开一个ifream的例子,在项目中可以应用在, 在一个页面中需要用到另一个页面做操作, 例如:新增订单中需要打开新增会员页面

用法:

在调用页面打开新的页面
layer.open({
type: 2,
title: '',
maxmin: true,
shadeClose: true, //点击遮罩关闭层
area : ['90%' , '90%'],
content: '/erpnewparty/control/addTradingPartnerDiv?from=ordermgr'
});
在打开页面
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引

如果当前请求来自其他页面的调用,向父页面的元素赋值
if(from == "ordermgr"){
partyId = data.partyId;
parent.$('#client_partyId').val(partyId);

parent.$('#client_partyName').val(firstName);
parent.layer.tips('${uiLabelMap.addNewParty}', '#client_partyName', {time: 3000});
parent.layer.close(index);