读书人

Ext.Window中iframe的相干操作

发布时间: 2012-10-13 11:38:17 作者: rapoo

Ext.Window中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.就行

读书人网 >Web前端

热点推荐