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 相关文章推荐
基于prototype扩展的JavaScript常用函数库
Nov 30 Javascript
jQuery EasyUI API 中文文档 DateTimeBox日期时间框
Oct 16 Javascript
Jquery操作js数组及对象示例代码
May 11 Javascript
jquery对table中各数据的增加、保存、删除操作示例
May 14 Javascript
深入理解Ajax的get和post请求
Jun 02 Javascript
详解js中的apply与call的用法
Jul 30 Javascript
vue中component组件的props使用详解
Sep 04 Javascript
使用JS获取SessionStorage的值
Jan 12 Javascript
vue 监听屏幕高度的实例
Sep 05 Javascript
使用vue.js在页面内组件监听scroll事件的方法
Sep 11 Javascript
vue开发简单上传图片功能
Jun 30 Javascript
微信小程序实现左滑删除效果
Nov 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 Global变量定义当前页面的全局变量实现探讨
2013/06/05 PHP
分享PHP守护进程类
2015/12/30 PHP
解读PHP中上传文件的处理问题
2016/05/29 PHP
PHP基于imagick扩展实现合成图片的两种方法【附imagick扩展下载】
2017/11/14 PHP
PHP 并发场景的几种解决方案
2019/06/14 PHP
javascript下给元素添加事件的方法与代码
2007/08/13 Javascript
javascript:FF/Chrome与IE动态加载元素的区别说明
2014/01/26 Javascript
JavaScript函数获取事件源的小例子
2014/05/14 Javascript
快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
2016/04/15 Javascript
BootStrap 智能表单实战系列(十)自动完成组件的支持
2016/06/13 Javascript
Vuejs第六篇之Vuejs与form元素实例解析
2016/09/05 Javascript
如何使用bootstrap框架 bootstrap入门必看!
2017/04/13 Javascript
JavaScript定义函数的三种实现方法
2017/09/23 Javascript
基于Vue的ajax公共方法(详解)
2018/01/20 Javascript
微信小程序中button去除默认的边框实例代码
2019/08/01 Javascript
createObjectURL方法实现本地图片预览
2019/09/30 Javascript
JS字符串补全方法padStart()和padEnd()
2020/05/27 Javascript
[04:09]2014DOTA2国际邀请赛Ti西雅图 历届冠军相继出局 BBC综述今日比赛
2014/07/20 DOTA
python正则表达式修复网站文章字体不统一的解决方法
2013/02/21 Python
Django中实现点击图片链接强制直接下载的方法
2015/05/14 Python
Python操作SQLite数据库的方法详解
2017/06/16 Python
使用python实现mqtt的发布和订阅
2019/05/05 Python
Django QuerySet查询集原理及代码实例
2020/06/13 Python
HTML5中的Web Notification桌面右下角通知功能的实现
2018/04/19 HTML / CSS
路易威登和香奈儿手袋:LuxeDH
2017/01/12 全球购物
ZWILLING双立人法国网上商店:德国刀具锅具厨具品牌
2019/08/28 全球购物
美国一站式电动和手动工具商店:International Tool
2020/11/26 全球购物
高一物理教学反思
2014/01/24 职场文书
《燕子》教学反思
2014/02/18 职场文书
领导干部学习“三严三实”思想汇报
2014/09/15 职场文书
财务助理岗位职责范本
2014/10/09 职场文书
农村党支部承诺书
2015/04/30 职场文书
写给女朋友的检讨书
2015/05/06 职场文书
结婚幸福感言
2015/08/01 职场文书
大学社团活动总结怎么写
2019/06/21 职场文书
JavaScript函数柯里化
2021/11/07 Javascript