深圳全飞鸿

标题: layui的layer.open [打印本页]

---

作者: zhgc    时间: 2023-3-26 11:30
标题: layui的layer.open
layui的layer.open
这里有几点需要说明：

1. type 基本层类型，layer提供了5种层类型。可传入的值有：0（信息框，默认）、1（页面层）、2（iframe层）、3（加载层）、4（tips层）。

2. layer.open其底层采用的就是get请求方式，因此使用layer.open的弹出层页面传参只能是拼接在url后面。

3. 对于type=2的弹出框，可以使用图示中的方法调用子页面弹出框的doSubmit() 方法，并获取该方法的返回值。

1. layer.open({
   
2.         type: 2,
   
3.         area: ["900px", "520px"],
   
4.         title: "子页面-弹出框",
   
5.         content: "${basePath}/aaa/bbb/get?id=1",
   
6.         btn: ['确定', '关闭'],
   
7.         yes: function (index, layero) {
   
8.                 // 调用子页面（弹出框）的doSubmit方法并获取其返回值
   
9.         var iframeWin = layero.find('iframe')[0];
   
10.         var data = iframeWin.contentWindow.doSubmit();
    
11.         },
    
12.         cancel: function (layer_window) {
    
13.         // 关闭弹出框页面
    
14.                 layer.close(layer_window);
    
15.         }
    
16. });

复制代码

---

欢迎光临 深圳全飞鸿 (http://www.nagomes.com/disc/)

Powered by Discuz! X3.2