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 相关文章推荐
IE 下的只读 innerHTML
Aug 21 Javascript
JavaScript 判断指定字符串是否为有效数字
May 11 Javascript
formValidator3.3的ajaxValidator一些异常分析
Jul 12 Javascript
深入理解javascript中defer的作用
Dec 11 Javascript
详解Angular.js的$q.defer()服务异步处理
Nov 06 Javascript
微信小程序小组件 基于Canvas实现直播点赞气泡效果
May 29 Javascript
用Vue.extend构建消息提示组件的方法实例
Aug 08 Javascript
React Native中TabBarIOS的简单使用方法示例
Oct 13 Javascript
JQuery选中select组件被选中的值方法
Mar 08 jQuery
js防抖和节流的深入讲解
Dec 06 Javascript
Ant Design Vue 添加区分中英文的长度校验功能
Jan 21 Javascript
swiper自定义分页器的样式
Sep 14 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
JAVA/JSP学习系列之二
2006/10/09 PHP
php学习之 认清变量的作用范围
2010/01/26 PHP
114啦源码(114la)不能生成地方房产和地方报刊问题4级页面0字节的解决方法
2012/01/12 PHP
xml在joomla表单中的应用详解分享
2012/07/19 PHP
PHP中如何调用webservice的实例参考
2013/04/25 PHP
PHP中大于2038年时间戳的问题处理方案
2015/03/03 PHP
php实现将上传word文件转为html的方法
2015/06/03 PHP
php加密解密字符串示例
2016/10/13 PHP
PHP使用递归算法无限遍历数组示例
2017/01/13 PHP
关于JQuery($.load)事件的用法和分析
2013/04/09 Javascript
jQuery Form 页面表单提交的小例子
2013/11/15 Javascript
javascript原生和jquery库实现iframe自适应高度和宽度
2014/07/18 Javascript
jQuery学习笔记之jQuery中的$
2015/01/19 Javascript
JS实现新浪博客左侧的Blog管理菜单效果代码
2015/10/22 Javascript
javascript数组常用方法汇总
2016/09/10 Javascript
javaScript嗅探执行神器-sniffer.js
2017/02/14 Javascript
用javascript实现倒计时效果
2021/02/09 Javascript
python代码 if not x: 和 if x is not None: 和 if not x is None:使用介绍
2016/09/21 Python
Django使用Celery异步任务队列的使用
2018/03/13 Python
解决pycharm无法识别本地site-packages的问题
2018/10/13 Python
使用k8s部署Django项目的方法步骤
2019/01/14 Python
python占位符输入方式实例
2019/05/27 Python
使用Django搭建一个基金模拟交易系统教程
2019/11/18 Python
详解Python Opencv和PIL读取图像文件的差别
2019/12/27 Python
Python爬虫+Tkinter制作一个翻译软件的示例
2021/02/20 Python
土耳其时尚潮流在线购物网站:Trendyol
2017/10/10 全球购物
What's the difference between deep copy and shallow copy? (深拷贝与浅拷贝有什么区别)
2015/11/10 面试题
应届大学生自荐信
2013/12/05 职场文书
优秀员工自荐书范文
2013/12/08 职场文书
校园之星获奖感言
2014/01/29 职场文书
公务员上班玩游戏检讨书
2014/09/17 职场文书
学校领导四风问题整改措施思想汇报
2014/10/09 职场文书
批评与自我批评总结
2014/10/17 职场文书
学习十八届四中全会依法治国心得体会
2014/11/03 职场文书
关于考试抄袭的检讨书
2019/11/02 职场文书
python标准库ElementTree处理xml
2022/05/20 Python