js弹框带传值父窗口给子框_layer弹窗，父页面子iframe 兄弟iframe之间传值，函数调用...

在这里记录下前端layer弹窗父，子，兄弟弹窗之间参数传递以及函数调用

① 【父-->子】【子-->父】

前言

//子弹窗给父页面元素赋值

parent.$("#parentInput").val("这是从弹窗传递过来的数据");

//子弹窗调用父页面方法

window.parent.childInvokerMethod();

//子弹窗获取父页面元素的值

window.parent.$("#shiva").val()

//弹框代码

var idx = layer.open({

type: 2,

title: '子页面',

maxmin: true,

area: ['800px', '500px'],

content: './child1.html'

});

//父页面调用子弹窗的 js方法

var contentWindow = $("#layui-layer-iframe" + idx)[0].contentWindow;

contentWindow.yourMethod();

//父页面给子弹窗页面赋值

$("#layui-layer-iframe" + idx).contents().find("input").val("11111111");

① 【子-->兄弟】【兄弟-->子】

A页面弹出B A 页面弹出C

A页面弹出B ，再从B 页面弹出C B C平级调用 parent.layer.open({});

//调用兄弟页面方法

var contentWindow = window.parent.$("#layui-layer-iframe" + idx)[0].contentWindow;

contentWindow.brotherInvokeMethod();

//给兄弟页面元素赋值

window.parent.$("#layui-layer-iframe" + idx).contents().find("input").val("11111111");

这里的 idx 可以通过url 带参数的方式传递到后台，然后再传递回来或者使用隐藏表单域进行解决。

js弹框带传值父窗口给子框_layer弹窗，父页面子iframe 兄弟iframe之间传值，函数调用...相关推荐

JS弹出“是否确认删除窗口”
JS弹出"是否确认删除窗口" eg: 1.代码如下 2.运行,出现下面的界面 3.点击超链接出现"确定要删除吗"窗口
vue中，兄弟组件之间传值
vue中,兄弟组件之间传值项目中,需要使用多个子组件,当需要传递值的时候,较为麻烦,怎样实现呢 1.一般可以使用子组件a传递给父组件,再由父组件传递给子组件b.但是一般较为麻烦, 2.使用bus作为 ...
Vue 兄弟组件之间传值 Bus方法
1.在vue项目中新建一个js文件(文件名:bus.js) import Vue from 'vue'export default new Vue(); 2.在需要传值的页面引用并开始传参 <s ...
前端开发：组件之间的传值(父传子、子传父、兄弟组件之间传值)的使用
前言在前端开发的时候,处理数据.传递数据是非常常用的操作方式,也是前端开发工作中非常重要的部分.尤其是在前端开发过程中的组件之间的数据传递,是必用操作.那么本篇博文就来分享一下在前端开发的时候,对于 ...
Vue中父子组件之间传值，兄弟组件之间传值（两种方法）
一.父向子传值props 父组件向子组件传值: parent:<parent><child :message="msg"></child> // ...
Vue 解决兄弟组件之间传值问题
vue中父组件向子组件传递参数时,可以通过prop来传递参数,prop可以是数组形式,也可以是对象格式,子向父组件传递参数时,通过$emit来传递,$emit('方法名', 传参),来实现子组件和父 ...
VUE兄弟组件之间传值，Vue.prototype.bus = new Vue()，this.bus.$on 的使用方法
举个例子: 组件一中有个分享按钮,点击分享按钮,展示组件二中的分享组件: 组件二分享组件有个取消按钮,点击关闭分享组件. 一.在main.js中添加一个bus实例: Vue.prototype.bus ...
qtabwidget放大_Qt自定义弹窗屏蔽父窗口（QWidget设置setWindowModality(Qt::ApplicationModal);以后再show）...
写Qt程序时遇到一个问题: Qt自带的弹窗功能单一,所以须要自己用ui设计弹窗的内容,这样弹窗就和普通窗口一样了,但问题是这个弹窗显示后父窗口还是活动的.网上找了很久找到了解决办法: Qt::Wind ...
javascript调用父窗口（父页面）的方法
window.parent与window.opener的区别 javascript调用主窗口方法 1: window.parent 是iframe页面调用父页面对象举例: a.html Html ...

js弹框带传值父窗口给子框_layer弹窗，父页面子iframe 兄弟iframe之间传值，函数调用...

js弹框带传值父窗口给子框_layer弹窗，父页面子iframe 兄弟iframe之间传值，函数调用...相关推荐

最新文章

热门文章

js弹框带传值父窗口给子框_layer弹窗，父页面 子iframe 兄弟iframe之间传值，函数调用...

js弹框带传值父窗口给子框_layer弹窗，父页面 子iframe 兄弟iframe之间传值，函数调用...相关推荐

最新文章

热门文章

js弹框带传值父窗口给子框_layer弹窗，父页面子iframe 兄弟iframe之间传值，函数调用...

js弹框带传值父窗口给子框_layer弹窗，父页面子iframe 兄弟iframe之间传值，函数调用...相关推荐