layui 弹窗iframe版 父子窗口传值与互调实例代码layui 弹窗iframe版 父子窗口传值与互调实例代码 //显示窗口layui.use('layer', function(){ var layer = layui.layer; layer.open({ type: 2, title: '选择IP', area: ['700px', '450px'], shade: [0.3, '#393D49'], content: '/selectIP.jsp', btn: ['确认','取消'], success: function(layero, index
//显示窗口
layui.use('layer', function(){
var layer = layui.layer;
layer.open({
type: 2,
title: '选择IP',
area: ['700px', '450px'],
shade: [0.3, '#393D49'],
content: '/selectIP.jsp',
btn: ['确认','取消'],
success: function(layero, index){
//打开窗口 触发
var body = layer.getChildFrame('body', index);
var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method();
//父向子传值或取值
body.find('#abcedd').val('父向子传数据');
//窗口index
ips_model_index=index;
//调用子窗口JS方法
iframeWin.window.getchile();
}
//确认按扭时激活
,yes: function(index, layero){
var body = layer.getChildFrame('body', index);
var iframeWin = window[layero.find('iframe')[0]['name']];
//调用子窗口方法
iframeWin.window.getchile();
//父向子取值
body.find('#abcedd').val();
}
});
});
//父窗口JS
//关闭窗口
function close_add_ips() {
layer.close(ips_model_index)
}
//子窗口JS
//获取父元素内容
window.parent.$("#id");
//调用父元素 方法
window.parent.close_add_ips();
//让父调用子
function getchile(){
alert("我是子窗口数据")
}
沃梦达教程
本文标题为:layui 弹窗iframe版 父子窗口传值与互调实例代码
基础教程推荐
猜你喜欢
- Bootstrap .table-striped类 1970-01-01
- Bootstrap Popover插件 1970-01-01
- 在javascript中将GBK转UTF-8的实例代码 2022-11-22
- javascript实现for循环倒序输出数组内容 2022-07-24
- D3.js条形图 1970-01-01
- Bootstrap .progress类 1970-01-01
- Bootstrap按钮下拉大小 1970-01-01
- Bootstrap Carousel插件 1970-01-01
- Bootstrap .list-group类 1970-01-01
- Bootstrap三个相等列 1970-01-01