为什么要使用?
自己写弹框,样式以及和整个项目组其他人员差异性不好控制。
是什么?
下载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);