当前位置: 首页 > 编程笔记 >

layer.open 子页面弹出层向父页面传输数据的例子

卫烨
2023-03-14
本文向大家介绍layer.open 子页面弹出层向父页面传输数据的例子,包括了layer.open 子页面弹出层向父页面传输数据的例子的使用技巧和注意事项,需要的朋友参考一下

子页面向父页面传数据,利用弹出页面点击确定时返回的参数,即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 子页面弹出层向父页面传输数据的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍layer.open组件获取弹出层页面变量、函数的实例,包括了layer.open组件获取弹出层页面变量、函数的实例的使用技巧和注意事项,需要的朋友参考一下 最近做项目遇到个问题 使用layer.open组件弹出层,需要将该弹出层抽取城单独的公共页面,因此需要在主页面获取弹出层页面的相关变量或者函数值。 记录下解决办法。 先来看layer.open函数 再来看弹出层URL对应的页面关

  • 本文向大家介绍微信小程序中子页面向父页面传值实例详解,包括了微信小程序中子页面向父页面传值实例详解的使用技巧和注意事项,需要的朋友参考一下 微信小程序中子页面向父页面传值实例详解 上面一张图是编辑款项页面,下面一张图是点击了编辑款项页面中选择好友的图标后打开的子页面。这个时候点选子页面的某个好友时,需要把好友的名字传递回编辑款项父页面。 采取的方法: 从页面路由栈中直接获取和操作目标Page对象,

  • 我的页面结构 页面1(模板-作业页面) 第2页(模板-作业页) 第3页(模板-作业页) 第4页(模板-作业页) 后端开发人员(普通文件夹) null null 页面1(模板-作业页面) 第2页(模板-作业页) 第3页(模板-作业页) 第4页(模板-作业页) 我的问题是:我以这样一种方式编码,每当我击中(职业第1页),我得到的页面列表使用了一个工作页面模板,所以我得到了职业第1页的第1-8页列表和职

  • 本文向大家介绍js父页面中使用子页面的方法,包括了js父页面中使用子页面的方法的使用技巧和注意事项,需要的朋友参考一下 iframe是非常常用的一个html元素,如果在父页面中使用子页面的方法应该怎么写呢,下面就做一下简单的介绍。 一、父页面代码 二、iframe中的代码 上面两个代码可以在父页面和子页面对对方的函数进行相互调用,比较简单,不多介绍了。 希望本文所述对大家学习javascript程

  • 本文向大家介绍JS 封装父页面子页面交互接口的实例代码,包括了JS 封装父页面子页面交互接口的实例代码的使用技巧和注意事项,需要的朋友参考一下 定义标准接口   总结 以上所述是小编给大家介绍的JS 封装父页面子页面交互接口的实例代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

  • 本文向大家介绍iframe父页面如何获取子页面的元素?相关面试题,主要包含被问及iframe父页面如何获取子页面的元素?时的应答技巧和注意事项,需要的朋友参考一下 在父页面监听 onmessage,子页面 postMessage。 $('iframe')[0].contentWindow.document.getElementById document.frames['xx'].document.