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 相关文章推荐
Mozilla中显示textarea中选择的文字
Sep 07 Javascript
JavaScript的目的分析
Jan 05 Javascript
扩展JavaScript功能的正确方法(译文)
Apr 12 Javascript
jquery ajax,ashx,json的用法总结
Feb 12 Javascript
JavaScript控制网页层收起和展开效果的方法
Apr 15 Javascript
JS访问SWF的函数用法实例
Jul 01 Javascript
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
Dec 02 Javascript
jQuery checkbox选中问题之prop与attr注意点分析
Nov 15 Javascript
JS实现根据数组对象的某一属性排序操作示例
Jan 14 Javascript
Node.js实现简单的爬取的示例代码
Jun 25 Javascript
解决layui表格内文本超出隐藏的问题
Sep 12 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 session应用实例 登录验证
2009/03/16 PHP
php新浪微博登录接口用法实例
2014/12/23 PHP
Yii开启片段缓存的方法
2016/03/28 PHP
PHP使用mysqli操作MySQL数据库的简单方法
2017/02/04 PHP
Yii框架分页实现方法详解
2017/05/20 PHP
jquery控制select的text/value值为选中状态
2014/06/03 Javascript
Js可拖拽放大的层拖动特效实现方法
2015/02/25 Javascript
jQuery实现鼠标划过展示大图的方法
2015/03/09 Javascript
JS实现选项卡实例详解
2015/11/17 Javascript
工作中比较实用的JavaScript验证和数据处理的干货(经典)
2016/08/03 Javascript
微信小程序 自定义对话框实例详解
2017/01/20 Javascript
详解Vue-基本标签和自定义控件
2017/03/24 Javascript
ES6 javascript中Class类继承用法实例详解
2017/10/30 Javascript
ES6使用Set数据结构实现数组的交集、并集、差集功能示例
2017/10/31 Javascript
vue中轮训器的使用
2019/01/27 Javascript
js字符串处理之绝妙的代码
2019/04/05 Javascript
JavaScript遍历数组的方法代码实例
2020/01/14 Javascript
[01:19:33]DOTA2-DPC中国联赛 正赛 iG vs VG BO3 第一场 2月2日
2021/03/11 DOTA
Python实现从订阅源下载图片的方法
2015/03/11 Python
Python自动化测试ConfigParser模块读写配置文件
2016/08/15 Python
PyQt5每天必学之工具提示功能
2018/04/19 Python
Python 通过打码平台实现验证码的实现
2019/05/13 Python
python线程安全及多进程多线程实现方法详解
2019/09/27 Python
Python箱型图处理离群点的例子
2019/12/09 Python
Django后端发送小程序微信模板消息示例(服务通知)
2019/12/17 Python
Python3 assert断言实现原理解析
2020/03/02 Python
python实现AdaBoost算法的示例
2020/10/03 Python
python Cartopy的基础使用详解
2020/11/01 Python
美国台面电器和厨具品牌:KitchenAid
2019/04/12 全球购物
中海讯通笔试题
2015/09/15 面试题
物流管理应届生求职信
2013/11/07 职场文书
数控技术专科生自我评价
2014/01/08 职场文书
羽毛球社团活动总结
2014/06/27 职场文书
读《瓦尔登湖》有感:每个人都需要一个瓦尔登湖
2019/10/17 职场文书
详解CSS3.0(Cascading Style Sheet) 层叠级联样式表
2021/07/16 HTML / CSS
C3 线性化算法与 MRO之Python中的多继承
2021/10/05 Python