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>大概流程就是这样 |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 基于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 临时表