随笔 - 303  文章 - 0  评论 - 11  阅读 - 15万

layer.js子窗口关闭并传数据到父窗的方法

昨晚整了很晚,一直找不到方法。去官网api看了好久,又在网上搜了很久 始终找不到答案。今天自己终于找到了方法。

难点:因为 确认和取消按钮都是在父窗 调用js生成的按钮。只能从父窗回调的时候去去数据并关闭子窗口。并不是子窗口自己关闭并把数据传到父窗。而网上给出的很多答案都是子窗口自己关闭并传数据到父窗的方法。

【贴出我自己的代码,大概实现了流程。具体自己根据情况修改】

我的代码功能是 子窗口要传递数组给父窗,具体复杂的数据格式(如json等)类似

1.子窗口代码

1
2
3
4
5
var urls;
 function getUrls()
 {
     return urls;
 }

  将变量的值用方法传出来

2.父窗的代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function OpenWindow()
   {
       top.layer.open({
           id: "UploadPic",
           title: "图片上传",
           content: "/Actor/UploadPic",
           area: ["800px", "580px"],
           shade: 0.3,
           type: 2,
           fix: false,
           btn: ['确认', '关闭'],
           btnclass: ['btn btn-primary', 'btn btn-danger'],
           yes: function (index, layero) {
               var tem = $(layero).find("iframe")[0].contentWindow.getUrls();
               PicCallBack(tem);
               parent.layer.close(index);
           }, cancel: function () {
               return true;
           }
       });
   }

  调子窗口的方法 取到数据,并关闭子窗口

 

3.

1
PicCallBack方法是父窗口的方法,参数是从子窗口传过来的数据,具体方法就不写了、<br>大概流程就是这样
posted on   雪原日暮  阅读(6415)  评论(0编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· Vue3状态管理终极指南:Pinia保姆级教程
历史上的今天:
2014-10-27 存储过程
2014-10-27 tj
2014-10-27 临时表
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示