layer.open 子页面弹出层向父页面传输数据的例子


Posted in Javascript onSeptember 26, 2019

子页面向父页面传数据,利用弹出页面点击确定时返回的参数,即yes:function(index,layero){}的layero。

关键就一句:

var obj = $(layero).find("iframe")[0].contentWindow;

obj可以调用子页面的方法,这样就可以通过子页面传递数据了。

$('#addQuota').on('click',function(){
  layer.open({
 type : 2,
 title : "子页面",
 resize : true,
 shadeClose : false,
 shade : 0,
 maxmin : false,
 area : ['590px','380px'],
 content : url,
 btn: '确定',
 yes:function(index,layero){
 var obj = $(layero).find("iframe")[0].contentWindow; //obj可以调用子页面的任何方法
 }
 });
 });

以上这篇layer.open 子页面弹出层向父页面传输数据的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
ASP.NET jQuery 实例10 动态修改hyperlink的URL值
Feb 03 Javascript
利用javascript实现全部删或清空所选的操作
May 27 Javascript
jquery实现侧边弹出的垂直导航
Dec 09 Javascript
jquery捕捉回车键及获取checkbox值与异步请求的方法
Dec 24 Javascript
jQuery动画效果图片轮播特效
Jan 12 Javascript
详解使用vue-router进行页面切换时滚动条位置与滚动监听事件
Mar 08 Javascript
深入理解requireJS-实现一个简单的模块加载器
Jan 15 Javascript
使用Angular CLI进行单元测试和E2E测试的方法
Mar 24 Javascript
基于node简单实现RSA加解密的方法步骤
Mar 21 Javascript
vue响应式更新机制及不使用框架实现简单的数据双向绑定问题
Jun 27 Javascript
微信小程序sessionid不一致问题解决
Aug 30 Javascript
Vue移动端项目实现使用手机预览调试操作
Jul 18 Javascript
Vue项目环境搭建详细总结
Sep 26 #Javascript
layer.open 获取不到表单信息的解决方法
Sep 26 #Javascript
layui: layer.open加载窗体时出现遮罩层的解决方法
Sep 26 #Javascript
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
Sep 26 #Javascript
对Layer弹窗使用及返回数据接收的实例详解
Sep 26 #Javascript
Vue 刷新当前路由的实现代码
Sep 26 #Javascript
vue中使用百度脑图kityminder-core二次开发的实现
Sep 26 #Javascript
You might like
介绍php设计模式中的工厂模式
2008/06/12 PHP
php strtotime 函数UNIX时间戳
2009/01/14 PHP
php的ajax框架xajax入门与试用介绍
2010/12/19 PHP
win7下memCache的安装过程(具体操作步骤)
2013/06/28 PHP
PHP设计模式之适配器模式定义与用法详解
2018/04/03 PHP
分析php://output和php://stdout的区别
2018/05/06 PHP
点图片上一页下一页翻页效果
2008/07/09 Javascript
FireBug 调试JS入门教程 如何调试JS
2013/12/23 Javascript
jQuery$命名冲突怎么办如何解决
2014/01/16 Javascript
基于javascript实现页面加载loading效果
2020/09/15 Javascript
vue实现可增删查改的成绩单
2016/10/27 Javascript
JS针对Array的各种操作汇总
2016/11/29 Javascript
详解jenkins自动化部署vue
2019/05/14 Javascript
30分钟用Node.js构建一个API服务器的步骤详解
2019/05/24 Javascript
CountUp.js实现数字滚动增值效果
2019/10/17 Javascript
jQuery插件simplePagination的使用方法示例
2020/04/28 jQuery
JS继承实现方法及优缺点详解
2020/09/02 Javascript
[57:28]2018DOTA2亚洲邀请赛 4.6 淘汰赛 TNC vs Liquid 第一场
2018/04/10 DOTA
python生成随机图形验证码详解
2017/11/08 Python
20个常用Python运维库和模块
2018/02/12 Python
Python代码缩进和测试模块示例详解
2018/05/07 Python
浅析python中的迭代与迭代对象
2018/10/08 Python
Python使用folium excel绘制point
2019/01/03 Python
对Pyhon实现静态变量全局变量的方法详解
2019/01/11 Python
Python闭包和装饰器用法实例详解
2019/05/22 Python
HTML5 Canvas实现文本对齐的方法总结
2016/03/24 HTML / CSS
HTML5 File接口在web页面上使用文件下载
2017/02/27 HTML / CSS
洛杉矶生活休闲而精致的基础品牌:Mika Jaymes
2018/01/07 全球购物
丝绸和人造花卉、植物和树木:Nearly Natural
2018/11/28 全球购物
日本语毕业生自荐信
2014/02/01 职场文书
工程类专业自荐信范文
2014/03/09 职场文书
广告宣传策划方案
2014/05/21 职场文书
高考百日冲刺决心书
2015/09/23 职场文书
JavaScript数组 几个常用方法总结
2021/11/11 Javascript
SpringBoot深入分析讲解监听器模式下
2022/07/15 Java/Android
Vue深入理解插槽slot的使用
2022/08/05 Vue.js