Ext.Window中iframe的相关操作

最新推荐文章于 2017-01-11 15:33:37 发布

zhoutianzhe

最新推荐文章于 2017-01-11 15:33:37 发布

阅读量419

点赞数

CC 4.0 BY-SA版权

文章标签： EXT Java JSP HTML

本文链接：https://blog.youkuaiyun.com/zhoutianzhe/article/details/83851371

本文介绍如何在ExtJS中实现父窗口与iframe内子窗口之间的交互，包括子窗口如何调用父窗口的方法关闭自身，以及如何在子窗口中访问父窗口中的组件。


var win = new Ext.Window({
			id:'win',
		  	width:700,
			height:600,
			modal:true,
			html:"<iframe id='openwin' src='one.jsp' scrolling='auto' style='width:100%;height:100%;margin:0;padding:0'></iframe>",
			renderTo:Ext.getBody(),
		    defaults: {
		        border:false
		    }
		})

ext window中的iframe如何操作父窗口(关闭窗口win)


var win = parent.Ext.getCmp('openwin');
win.close();

或者


var win = top.Ext.getCmp('openwin');
win.close();

win 所在父亲窗口中操作iframe的 one.jsp
one.jsp中的一个文本框


<input id="name" type="text">


document.getElementById("id").value
//或者
ext.getDom('name').value();

函数调用：
1、HTML语法：<iframe name="myFrame" src="child.html"></iframe>
2、父窗口调用子窗口：myFrame.window.functionName();
3、子窗品调用父窗口：parent.functionName();
如果函数写在独立的js文件中
js文件：


 Ext.namespace('example');  
 example = function() { 

     return {  
         say: function() { 
    	  alert("hello!");
         }  
     };  
 }();

parent.example.say();

简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行