layui弹出层获取父页面的值
时间: 2023-09-25 12:16:57 浏览: 81
要在 layui 弹出层中获取父页面的值,你可以使用 `layui.data()` 方法来获取父页面的数据。
首先,在父页面中,将需要传递给弹出层的值保存在本地存储中,例如使用 `layui.data()` 方法将值存储在 layui 的本地数据缓存中:
```javascript
layui.data('parentData', {
key: 'valueKey',
value: '要传递的值'
});
```
然后,在弹出层中,通过 `layui.data()` 方法获取父页面保存的值:
```javascript
var parentValue = layui.data('parentData').valueKey;
```
这样就可以在弹出层中获取到父页面的值了。
请注意,以上代码仅为示例,具体的实现方式会根据你的具体业务需求而有所不同。
相关问题
layui弹出层获取子页面的值
在layui弹出层中打开子页面,可以通过以下步骤获取子页面的值:
1.在父页面中使用`layer.open`方法打开子页面,并传递需要的参数。
```
layer.open({
title: '子页面',
type: 2,
content: '子页面的URL',
area: ['500px', '400px'],
success: function(layero, index){
// 获取子页面的DOM对象
var iframeWin = window[layero.find('iframe')[0]['name']];
// 向子页面传递参数
iframeWin.setParam('参数值');
}
});
```
2.在子页面中定义一个方法,用来接收父页面传递的参数。
```
function setParam(param) {
// 将参数保存到本地
localStorage.setItem('param', param);
}
```
3.在子页面需要使用父页面传递的参数时,从本地存储中获取参数值。
```
var param = localStorage.getItem('param');
```
注意:由于本地存储的限制,不同页面之间无法直接共享数据,因此需要借助本地存储来实现数据传递。同时,在使用完参数后,需要及时清除本地存储的数据,以免影响其他页面的使用。
layui 父页面获取弹出层子页面值
可以通过以下步骤在layui父页面获取弹出层子页面的值:
1. 在子页面中定义一个函数,用于获取需要传递的值并返回。
例如,在子页面中定义一个函数 `getVal()`,用于获取输入框的值:
```
function getVal() {
var val = $('#inputVal').val();
return val;
}
```
2. 在父页面中使用 `layer.open` 打开弹出层,并传递一个回调函数。
例如,在父页面中打开弹出层,并传递一个回调函数 `function(data){}`:
```
layer.open({
type: 2,
content: '子页面URL',
btn: ['确定', '取消'],
yes: function(index, layero) {
var childWindow = layero.find('iframe')[0].contentWindow;
var val = childWindow.getVal();
// 调用回调函数,并将获取的值作为参数传递
callback(val);
layer.close(index);
}
});
```
3. 在回调函数中获取子页面返回的值。
例如,在回调函数中获取子页面返回的值并进行处理:
```
function callback(val) {
// 处理获取的值
console.log(val);
}
```
通过以上步骤,就可以在layui父页面中获取弹出层子页面的值了。