iframe父子页面值传递

栏目:eas cloud知识作者:金蝶来源:金蝶云社区发布:2024-09-22浏览:1

iframe父子页面值传递

一、描述

iframe在父子页面使用过程中父页面如何向子页面传递值以及子页面如何返回值到父页面

二、使用示例

父页面使用iframe打开窗体页面(窗体api参考https://waf2.kingdee.com:6999/waf2help/webviews/webframework/ctrls/window/readme)

2.1 在父页面添加一个按钮,并为按钮onclick绑定对应的函数事件openIframe,在函数中添加对应打开子页面的代码


openIframe:

openIframe:function(event,value){
            waf.window.open({
                url:waf.getContextPath()+"/dynamicPage.do?event=initialize&method=
                doEvent&uipk=com.kingdee.eas.custom.CNetOrderEdit&
                waf2skin=easbase&inwafpage=false&debug=true",
                openType:"iframe",//可指定"iframe"或"div"
                method:'POST',//可指定"POST"或"GET"
                data:{desc:"父页面传的值"}, 
                modal:true,//可指定模态或非模态打开方式
                title:'新增页面',
                position: 'center', 
                width: 800,
                height: 700,
                draggable: true,
                resizable: false,
                hideEffect: "slide",
                closeOnEscape:false,
                //子页面关闭前触发事件
                onBeforeClose : function(event,ui,value){
                    if(value){
                        alert(value);
                    }                    
                }
            });            
        }

2.2 子页面后台接收父页面传值

public void onRequest(WebInitDataEvent event) throws WafException,BOSException {
		HttpServletRequest request = event.getReqeustContext().getHttpServletRequest();
		String jsonParams = request.getParameter("params");
		HashMap<String,String> params = (HashMap<String,String>)JSONUtils.convertJsonToObject(jsonParams, HashMap.class);
		String desc = (String)params.get("desc");
		Map<String, Object> initData = event.getInitData();
		initData.put("desc", desc);
	}

2.3 子页面前台使用后台接收到的值

pageOnloadAfter:function(e){
            waf("#description").wafText("setValue",_self.getPageInitData().desc);
        }

2.4 打开子页面

2.5 子页面关闭前给父页面传值

closeIframe:function(event,value){
            //子页面关闭时给父页面传值
            waf.windowMgr.setReturnValFuncWhenClose(function(){return '子页面传的值'});
            waf.window.close();            
        }

2.6 父页面接收子页面传值

//子页面关闭前触发事件
                onBeforeClose : function(event,ui,value){
                    if(value){
                        alert(value);
                    }
                }

2.7 结果

iframe父子页面值传递

一、描述iframe在父子页面使用过程中父页面如何向子页面传递值以及子页面如何返回值到父页面二、使用示例父页面使用iframe打开窗体页面(窗...
点击下载文档
确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息