layui 父页面获取弹窗传递的值 和 父页面传值给子弹窗的方法

Posted proper128

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layui 父页面获取弹窗传递的值 和 父页面传值给子弹窗的方法相关的知识,希望对你有一定的参考价值。

参考链接:https://www.cnblogs.com/yysbolg/p/9977387.html

1.父页面获取子页面(弹窗)的值:

现在父页面页面加载方法中定义方法,专门用来获取从子页面的值

$(document).ready(function() {

//拿到子窗口中传回的数据
function getChildrenData(data){
console.log(‘从子页面传递回到数据:‘);
console.log(data);
}
});

子页面调用父页面的取值方法:

parent.getChildrenData(data);//data为需要传递的值

2.父页面传值给子页面(弹窗):

现在打开弹窗之前将需要传递的数据进行定义。

var id=21;
window.PartitionId=id;//id 是需要传递的数据
layer.open({
type:2,
closeBtn:0,
title:"添加货架",
content:"需要弹出的页URL",
area: [‘800px‘, ‘500px‘]
});

在打开的弹窗页面中可以这么获取到从父页面传递过来的值:

console.log(parent.PartitionId);

以上是关于layui 父页面获取弹窗传递的值 和 父页面传值给子弹窗的方法的主要内容,如果未能解决你的问题,请参考以下文章

随笔:ajax传递数组,layui父子页面传值,下来菜单赋值,父页面数据获取,表格数据替换为字符串

layui使用 ——父,子页面传值

js传值到iframe中

layeriframe通过属性id传值

父组件搜索列表 给 子组件传值问题

两个jsp页面如何传值