layui 弹窗的iframe 父子界面相互传值

1.父界面向子界面传值

  [1].父界面打开子界面:

function show_layer(){
layer.open({
        type: 2,
        area: [w+‘px‘, h +‘px‘],
        fix: false, //不固定
        maxmin: true,
        shadeClose: true,
        shade:0.4,
        title: title,
        content: url,  //url 为子布局的url路径
        success:function (layero,index) {
                var iframe = window[‘layui-layer-iframe‘ + index];
                iframe.child(‘我是父布局传到子布局的值‘)
        }
    });
}

  [2].子界面接收父界面的值

function child(obj){
    console.log(obj);//获取父界面的传值
}

2.子界面向父界面传值

  [1].子界面向父界面传值

parent.GetValue(‘我是子界面的数值‘); //GetValue是父界面的Js 方法
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);

  [2].父界面接收子界面的值

function GetValue(obj){
    console.log(obj);
}

原文地址:https://www.cnblogs.com/yysbolg/p/9977387.html

时间: 2024-08-29 20:37:52

layui 弹窗的iframe 父子界面相互传值的相关文章

iframe父子级相互调用

父级:parent.html 调用孩子方法:fuji.window.functionName(); <!doctype html> <html> <head> <script type="text/javascript"> function say() { alert("parent.html------>I'm at parent.html"); } function callChild() { //docum

关于使用iframe的父子页面进行简单的相互传值

当一个页面使用了iframe作为嵌套时,如何想要将父页面的数据传给iframe子页面,那iframe所指向的呢个子页面是怎么获取呢,又或者子页面的数据要给父页面使用,那么父页面又如何获取子页面的数据呢?下面根据这种情况作了一个简单的demo案例: 父页面是parentPage.html,子页面是childPage.html. 1.情况一:父页面获取子页面传入的数据(子页面给父页面传值) 父页面: //获取子页面传入的数据 function GetChildValue(obj){ document

父页面与子页面间相互传值

父页面与子页面间相互传值 1.子页面又父页面通过window.open弹出 子页面要向父页面传值,只要在document前面加window.opener即可.如:父页面: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

JQuery javascript实现父子页面相互调用

javascript实现父子页面相互调用 By:授客 QQ:1033553122 场景1 父页面调用子页面 如上图,在iframe子页面的<script>元素中,定义了taskStatus全局变量,如果希望在其父页面中获取该全局变量的值,则可在父页面的<script>元素中新增js脚本如下: var taskStatus = document.getElementById('iframe-1-11').contentWindow.taskStatus; 注:这里iframe-1-1

iOS中的导航条(UISegmentedControl)的基本使用(界面中传值的3中方法)

Appdelegate中 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { self.window = [[[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]] autorelease]; //1.创建单视图控制器对象, FirstViewControll

界面间传值

- (void)viewWillDisappear:(BOOL)animated{    ///界面间传值:第二种情况:将后一个界面的值传到前一个界面 (从后往前传)    // 方法: 代理初值    // 步骤:  1.定义协议. 在后面类中定义协议(传值的方法定义协议)    //2. 给后面类添加一个代理属性    //3.将代理设置为前一个界面的对象让它服从协议,实现方法(传值方法就变成了,协议中的方法),    //4.在后面类中通过代理,调用该传值方法.              

Flex父子窗体相互调用

Flex父子窗体相互调用 1.设计思路 (1)子窗体调用父窗体的方法 (2)子窗体做了改动后,返回父窗体,父窗体调用子窗体函数 2.设计源代码 (1)父窗体 ParentWindow.mxml: <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library:/

iOS Block界面反向传值

在上篇博客 <iOS Block简介> 中,侧重解析了 iOS Block的概念等,本文将侧重于它们在开发中的应用. Block是iOS4.0+ 和Mac OS X 10.6+ 引进的对C语言的扩展,用来实现匿名函数的特性.用维基百科的话来说,Block是Apple Inc.为C.C++以及Objective-C添加的特性,使得这些语言可以用类lambda表达式的语法来创建闭包.关于闭包,一句话解释简洁明了:闭包就是能够读取其它函数内部变量的函数. 在iOS开发中,Block有很多方面的用途,

前台和后台的相互传值

目录 一.把json对象转成字符串 二.创建数据容器对象 [用来绑定要传给后台的前台控件值] 三.创建绑定前台数据对象 [用来读取后台传过来的值,并绑定到前台页面] 四.使用示例 前后台的相互传值如果值太多,写的麻烦累人,且容易出错.这里整理出一套使用标记 标签属性的办法来传值, 后台取值和前台的绑定都有了大大的简化. 一.把json对象转成字符串 1 $.extend({ 2 //将json对象转换成字符串 [貌似jquery没有自带的这种方法] 3 toJSONString: functio