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 相关文章推荐
js对数字的格式化使用说明
Jan 12 Javascript
JS异常处理的一个想法(sofish)
Mar 14 Javascript
对js eval()函数的一些见解
Aug 15 Javascript
JavaScript组成、引入、输出、运算符基础知识讲解
Dec 08 Javascript
从零开始学习Node.js系列教程四:多页面实现的数学运算示例
Apr 13 Javascript
微信小程序如何获知用户运行小程序的场景教程
May 17 Javascript
深究AngularJS中ng-drag、ng-drop的用法
Jun 12 Javascript
jQuery+SpringMVC中的复选框选择与传值实例
Jan 08 jQuery
vue中实现左右联动的效果
Jun 22 Javascript
webpack 静态资源集中输出的方法示例
Nov 09 Javascript
webpack4之如何编写loader的方法步骤
Jun 06 Javascript
前端性能优化建议
Sep 17 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 编写的日历
2006/10/09 PHP
phpwind中的数据库操作类
2007/01/02 PHP
php实现计算百度地图坐标之间距离的方法
2016/05/05 PHP
ThinkPHP 3.2.2实现事务操作的方法
2017/05/05 PHP
Firefox window.close()的使用注意事项
2009/04/11 Javascript
Javascript 异步加载详解(浏览器在javascript的加载方式)
2012/05/20 Javascript
js播放wav文件(源码)
2013/04/22 Javascript
Js放到HTML文件中的哪个位置有什么区别
2013/08/21 Javascript
详细介绍8款超实用JavaScript框架
2013/10/25 Javascript
jQuery的图片滑块焦点图插件整理推荐
2014/12/07 Javascript
jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
2015/10/30 Javascript
利用JS判断鼠标移入元素的方向
2016/12/11 Javascript
AngularJS过滤器filter用法总结
2016/12/13 Javascript
关于vue.js发布后路径引用的问题解决
2017/08/15 Javascript
详解基于mpvue的小程序markdown适配解决方案
2018/05/08 Javascript
判断iOS、Android以及PC端的示例代码
2018/11/15 Javascript
vue 项目打包时样式及背景图片路径找不到的解决方式
2019/11/12 Javascript
vue实现简单图片上传
2020/06/30 Javascript
Vue中父子组件的值传递与方法传递
2020/09/28 Javascript
详解vue 组件的实现原理
2020/11/12 Javascript
[56:45]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第一局
2016/02/28 DOTA
Pycharm学习教程(7)虚拟机VM的配置教程
2017/05/04 Python
使用Python的Django和layim实现即时通讯的方法
2018/05/25 Python
Python:Numpy 求平均向量的实例
2019/06/29 Python
PyQt5通信机制 信号与槽详解
2019/08/07 Python
django自带调试服务器的使用详解
2019/08/29 Python
Python数据可视化:泊松分布详解
2019/12/07 Python
Python批量启动多线程代码实例
2020/02/18 Python
python序列类型种类详解
2020/02/26 Python
AC Lens:购买隐形眼镜
2017/02/26 全球购物
房地产财务管理制度
2014/02/02 职场文书
幼儿园中秋节活动反思
2014/02/16 职场文书
2014年民政局关于保密工作整改措施
2014/09/19 职场文书
2014保险公司个人工作总结
2014/12/09 职场文书
个人简历自我评价怎么写
2015/03/10 职场文书
2019最新公司租房合同(例文)
2019/07/18 职场文书