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 相关文章推荐
模拟用户操作Input元素,不会触发相应事件
May 11 Javascript
Prototype Hash对象 学习
Jul 19 Javascript
腾讯与新浪的通过IP地址获取当前地理位置(省份)的接口
Jul 26 Javascript
jQuery的load()方法及其回调函数用法实例
Mar 25 Javascript
基于jQuery+JSON的省市二三级联动效果
Jun 05 Javascript
全面解析Bootstrap图片轮播效果
Dec 03 Javascript
超实用的JavaScript表单代码段
Feb 26 Javascript
AngularJS实现一次监听多个值发生的变化
Aug 31 Javascript
详解Js模板引擎(TrimPath)
Nov 22 Javascript
react-native-tab-navigator组件的基本使用示例代码
Sep 07 Javascript
jQuery简单判断值是否存在于数组中的方法示例
Apr 17 jQuery
JavaScript中关于base64的一些事
May 06 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
收音机术语解释
2021/03/01 无线电
php实现mysql数据库备份类
2008/03/20 PHP
php数组函数序列 之shuffle()和array_rand() 随机函数使用介绍
2011/10/29 PHP
php通过array_merge()函数合并两个数组的方法
2015/03/18 PHP
php实现给二维数组中所有一维数组添加值的方法
2017/02/04 PHP
PHP实现的日历功能示例
2018/09/01 PHP
网页广告中JS代码的信息监听示例
2014/04/02 Javascript
jquery实现公告翻滚效果
2015/02/27 Javascript
JavaScript DOM元素尺寸和位置
2015/04/13 Javascript
jQuery结合ajax实现动态加载文本内容
2015/05/19 Javascript
javascript实现随机读取数组的方法
2015/08/03 Javascript
javascript每日必学之封装
2016/02/23 Javascript
js删除Array数组中指定元素的两种方法
2016/08/03 Javascript
nodejs个人博客开发第二步 入口文件
2017/04/12 NodeJs
nodejs socket实现的服务端和客户端功能示例
2017/06/02 NodeJs
Vue.js仿微信聊天窗口展示组件功能
2017/08/11 Javascript
JavaScript基础之流程控制语句的用法
2017/08/31 Javascript
redux-saga 初识和使用
2018/03/10 Javascript
QQ跳转支付宝并自动领红包脚本(最新)
2018/06/22 Javascript
详解用场景去理解函数柯里化(入门篇)
2019/04/11 Javascript
vue动态绘制四分之三圆环图效果
2019/09/03 Javascript
layui table 列宽百分比显示的实现方法
2019/09/28 Javascript
结合axios对项目中的api请求进行封装操作
2020/09/21 Javascript
[03:03]DOTA2校园争霸赛 济南城市决赛欢乐发奖活动
2013/10/21 DOTA
[08:56]DOTA2-DPC中国联赛2月23日Recap集锦
2021/03/11 DOTA
Python编程之字符串模板(Template)用法实例分析
2017/07/22 Python
Pyqt5 基本界面组件之inputDialog的使用
2019/06/25 Python
详解python方法之绑定方法与非绑定方法
2020/08/17 Python
python 爬取免费简历模板网站的示例
2020/09/27 Python
微信小程序“圣诞帽”的实现思路详解
2017/12/28 HTML / CSS
车间班长岗位职责
2013/11/30 职场文书
岗位标兵事迹材料
2014/05/17 职场文书
优秀大专毕业生求职信
2014/08/04 职场文书
大学生自荐书范文
2015/03/05 职场文书
运动会致辞稿
2015/07/29 职场文书
企业安全生产检查制度
2015/08/06 职场文书