layer.open中父页面向子页面传值

1.咱先看图说话

父list.jsp 子operate.jsp实现的代码1 在父页面上完成对子页面的数据渲染
function setData(data) {    var lay=layer.open({        type: 2,        title: false,        //closeBtn: 0,        //shade:0,//是否有遮罩效果        area: [‘560px‘, ‘294px‘],//宽,高        //skin: ‘layui-layer-nobg‘, //没有背景色        shadeClose: false,        content: [‘operate.do‘, ‘no‘],        success: function(layero, index){            var body=layer.getChildFrame(‘body‘,index);//少了这个是不能从父页面向子页面传值的
        //获取子页面的元素,进行数据渲染       body.contents().find("#attributeNameEn").val(data.attributeNameEn);        body.contents().find(‘#attributeNameCn‘).val(data.attributeNameCn);       body.contents().find(‘#attributeId‘).val(data.attributeId);       body.contents().find(‘#remark‘).val(data.remark);       body.contents().find(‘#remarkEn‘).val(data.remarkEn);                   let id = ‘#isValid‘ + data.isValid;       body.contents().find(id).prop("checked", true);//这是子页面的单选按钮,让其选中
        },    });    //重新给指定层设定width、top等 因为它们的小屏幕电脑的弹出层会出现滚动条,所以才用这个方法给加一个overflow: ‘visible‘,属性    layer.style(lay, {        overflow: ‘visible‘,    });

}

2.保存按钮的事件写在子页面的
function saveByajax() {    $.ajax2({        type: ‘POST‘,        url: ‘xxxx‘,        data:{            attributeId:$(‘#attributeId‘).val(),            attributeNameEn:$(‘#attributeNameEn‘).val(),            isValid:$(‘input[name="radioInline"]:checked‘).val(),        },        success: function (r) {            if (r && r.message==‘Operate successfully‘) {                // layer.msg("操作成功!");                setTimeout( function(){                    //window.parent.location.href = ‘list.do‘; 或者                    parent.location.reload();//刷新父页面                }, 5 * 100 );//延迟500毫秒                //window.parent.layer.closeAll();关闭弹窗            }else {                // layer.msg("添加失败!");                layer.msg("<spring:message code="msg_Add_failed"/> !");            }        }    })}
 

原文地址:https://www.cnblogs.com/time1997/p/12361505.html

时间: 2024-12-28 08:12:36

layer.open中父页面向子页面传值的相关文章

vue中父组件向子组件传值(方法)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>父组件把方法传递给子组件</title> <script src="./vue2.6.9.js"></script> </head> <body> <div id="app&

vue中父组件向子组件传值

<div id="app"> {{msg}} <logn v-bind:fuzujian="msg" ></logn>                      app控制的区域为父组件   logn为私有的子组件 </div> <script> var vm = new Vue({ el:"#app", data:{ msg:"这是父组件的内容" }, method

iframe子页面内刷新父页面中另一个iframe子页面

框架页面如下: <div id="aa" style="float: left; height: 500px; border-right-style: solid; border-right-color: #CCCCFF; border-right-width: 2px;"> <IFRAME id="tree" name="tree" src="/ScienProjectWeb/commonjsp/

Iframe父页面与子页面之间的相互调用

iframe元素就是文档中的文档. window对象: 浏览器会在其打开一个HTML文档时创建一个对应的window对象.但是,如果一个文档定义了一个或者多个框架(即:包含一个或者多个frame或者iframe标签),浏览器就会为原始文档创建一个window对象,再为每个iframe创建额外的window对象,这些额外的window对象是原始窗口的子窗口. contentWindow: 是指指定的iframe或者iframe所在的window对象 Demo1 父页面fu.html: <!DOCT

Iframe父页面与子页面之间的调用

专业词语解释如下:     Iframe:iframe元素是文档中的文档.     window对象: 浏览器会在其打开一个HTML文档时创建一个对应的window对象.但是,如果一个文档定义了一个或者多个框架(即:包含一个或者多个frame或者iframe标签),浏览器就会为原始文档创建一个window对象,再为每个iframe创建额外的window对象,这些额外的window对象是原始窗口的子窗口. contentWindow: 是指指定的iframe或者iframe所在的window对象.

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

父页面与子页面间相互传值 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" />

使用iframe父页面调用子页面和子页面调用父页面的元素与方法

在实际的项目开发中,iframe框架经常使用,主要用于引入其他的页面.下面主要介绍一下使用iframe引入其他页面后,父页面如何调用子页面的方法和元素以及子页面如何调用父页面的方法和元素. 1.父页面获取子页面的元素 //jquery方式 $("#iframeId").contents().find("#child1"); //js方式 window.frames["iframName"].document.getElementById(&quo

js里父页面与子页面的相互调用

(原文地址:http://blog.sina.com.cn/s/blog_8089e3810101464f.html) 一.在页面里用 open 打开的子页面: 1.子页面调用父页面的方法,包括子页面给父页面传值: window.opener.methodName(); window.opener.methodName(param1,param2); 2.父页面关闭子页面:在父页面 openWin=window.open(""); function bClick(){ openWin.

IFrame父页面和子页面的交互

现在在页面里面用到iframe的情况越来越少了,但有时还是避免不了,甚至这些页面之间还需要用js来做交互,那么这些页面如何操作彼此的dom呢?下面将会逐步介绍. 1.父页面操作子页面里面的dom 下面提供了四中方法来操作iframe里面的dom: a. contentWindow: 以window对象返回iframe中的文档,所有主流浏览器都支持. 用法: // 获取id为iframeId的子页面中的div01元素 document.getElementById('iframeId').cont