`
zhoutianzhe
  • 浏览: 49536 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

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.就行
分享到:
评论

相关推荐

    ext 仿window 界面

    "ext 仿window 界面"指的是使用EXTJS 框架来创建类似于Windows桌面操作系统的用户界面,提供一种熟悉且直观的交互体验。这种设计方式可以使Web应用在视觉上更接近本地应用,提高用户的使用舒适度。 EXTJS 提供了...

    ExtJs4.2 Window常用方法

    根据提供的文件信息,本文将详细解释ExtJs 4.2中Window组件的一些常用配置属性以及方法,帮助读者更好地理解和使用这些功能。 ### ExtJs 4.2 Window 组件概述 ExtJs 是一个基于 JavaScript 的开源框架,用于创建...

    Ext圖片上傳、刪除、查看.net源碼

    这可能使用`Ext.window.Window`或`Ext.LoadMask`来实现加载效果,同时配合`Ext.Component`或`IFrame`加载图片资源。 此外,为了优化用户体验,项目可能还包含了进度条显示文件上传进度,这通常使用`Ext.ProgressBar...

    Ext例子及布局问题

    即:Ext.window 4.mainPage.html为tab布局,右面为tree中间为tab页面。 5.tz-normal-test.html为普通拖拽的练习。 6.tree-asynch-test.html为异步加载的树 7.tree-edit-test.html为节点可以编辑的树 8.tree-tz-test....

    EXT 布局 tab布局 普通拖拽 异步加载的树 节点可以编辑的树

    即:Ext.window 4.mainPage.html为tab布局,右面为tree中间为tab页面。 5.tz-normal-test.html为普通拖拽的练习。 6.tree-asynch-test.html为异步加载的树 7.tree-edit-test.html为节点可以编辑的树 8.tree-tz-...

    extjsIframe例子

    总结起来,`extjsIframe例子`是一个关于在ExtJS 2.0中使用IFrame的实践示例,通过自定义组件或组件加载器实现IFrame的功能,可以用于展示或操作外部资源。`miframe.js`和`mainPanel.js`是实现这一功能的关键代码文件...

    demo_DEMO_子页面刷新父页面iframe_

    这通常通过JavaScript来实现,因为JavaScript提供了一种在浏览器环境中操作DOM(文档对象模型)和其他页面元素的能力。以下是几种可能的方法: 1. **使用window.parent对象**:在子页面的JavaScript代码中,我们...

    PostMessage:Ext JS 应用程序中 window.postMessage 消息的 Observable 处理程序

    Ext JS window.postMessage Observable 使用 window.postMessage 可以作为一种更安全的方式在单个页面中的不同文档之间进行通信。 例如,如果您有多个&lt;iframe&gt;文档而不是尝试在父文档上执行方法(这可能是不...

    iframe父页面获取子页面参数的方法

    在Web开发中,有时我们需要在父页面中操作或者获取嵌入的`iframe`子页面中的数据,例如在一些复杂的交互式应用或者多层框架结构的网页中。标题和描述所提及的是一个具体示例,展示了如何从父页面获取`iframe`子页面...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正了使用IFrameUrl的Tab在切换过程中会重复加载的问题,这是一个在v2.1.6引入的问题(feedback:eroach)。 -修正了启用AutoPostBack的Grid,其RowClick会覆盖LinkButtonField, HyperLinkField, CheckBoxField的...

    Ext_CrossDomain:Ext跨域的几种方法

    在ExtJS中,发送Ajax请求时,若服务器已经配置了CORS,客户端无需额外操作。例如: ```javascript Ext.Ajax.request({ url: 'http://example.com/data', success: function(response) { console.log(response....

    ExtJs文件上传组件(UploadDialog)

    ExtJS的UploadDialog组件通常基于Ext.window.Window创建,包含一个或多个文件输入字段,以及上传按钮和取消按钮。用户可以选择文件后,点击上传按钮将数据发送到服务器。它还可能具有进度条,用于显示上传进度。 2...

    ExtAspNet_v2.3.2_dll

    -一个典型应用,在Window控件中打开新页面,如果传递的参数不正确,则首先提示参数不对然后关闭此弹出窗口。 -ExtAspNet.Alert.Show("参数错误!", String.Empty, ExtAspNet.ActiveWindow.GetCloseReference());...

    解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题

    解决这个问题的关键在于正确地获取iframe中的window对象,并通过它来调用函数。描述中提到的解决方案是使用`document.getElementById('iframeid').contentWindow.myFunc();` 这一行代码。这里的`getElementById`方法...

    EXTASPNET 总结

    例如,在`admin/menu.aspx`页面中,可以使用`ext:Window`控件来定义一个模态对话框,并为其添加`OnClose`事件处理器。 ```aspx &lt;ext:Window ID="Window1" runat="server" Height="350px" IsModal="true" Popup=...

    一些主流JS框架中DOMReady事件的实现小结

    其他框架如MooTools、Dojo、YUI、Ext等都有类似的处理逻辑,即在不支持DOMContentLoaded的浏览器上模拟这一事件,以确保即使在旧版浏览器中也能提供良好的用户体验。 综上,我们可以看出,尽管各主流JavaScript框架...

    JS实现刷新父页面不弹出提示框的方法

    如果B页面是由A页面中的frame打开的,那么在执行刷新操作时应该使用`window.parent`代替`window.opener`。这样可以确保刷新操作是作用于正确的父窗口上。此时,在B页面中的`close()`函数应该这样编写: 1. 调用`...

    Koa2 之文件上传下载的示例代码

    在本文中,我们将深入探讨如何在Koa2框架中实现文件的上传与下载。Koa2是一个基于Node.js的轻量级Web应用框架,它提供了一种优雅的方式来处理HTTP请求和响应。文件上传和下载是Web应用中的常见需求,本文通过示例...

    70款经典Dreamweaver插件

    Open_Browser_Window+ 操作弹出式窗口升级版 StyleApplier 表格的鼠标触发效果 checkform 表单验证插件 Realplayer 嵌入网页Real播放器插件 BannerImageBuilder 创建多图片随机显示 CloseCW 方便的插入一个关闭当前...

    Dreamweaver 插件集

    一组关于iframe的插件,可以动态的改变iframe中的页面 MX152319_save_all 在Drw的File菜单下加一个Save All命令,用来保存所有Dreamweaver窗口的文件 Layerfx 可以让层做绕定轴转动、震动、加速运动....... xp...

Global site tag (gtag.js) - Google Analytics