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 界面"指的是使用EXTJS 框架来创建类似于Windows桌面操作系统的用户界面,提供一种熟悉且直观的交互体验。这种设计方式可以使Web应用在视觉上更接近本地应用,提高用户的使用舒适度。 EXTJS 提供了...
根据提供的文件信息,本文将详细解释ExtJs 4.2中Window组件的一些常用配置属性以及方法,帮助读者更好地理解和使用这些功能。 ### ExtJs 4.2 Window 组件概述 ExtJs 是一个基于 JavaScript 的开源框架,用于创建...
这可能使用`Ext.window.Window`或`Ext.LoadMask`来实现加载效果,同时配合`Ext.Component`或`IFrame`加载图片资源。 此外,为了优化用户体验,项目可能还包含了进度条显示文件上传进度,这通常使用`Ext.ProgressBar...
即: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.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例子`是一个关于在ExtJS 2.0中使用IFrame的实践示例,通过自定义组件或组件加载器实现IFrame的功能,可以用于展示或操作外部资源。`miframe.js`和`mainPanel.js`是实现这一功能的关键代码文件...
这通常通过JavaScript来实现,因为JavaScript提供了一种在浏览器环境中操作DOM(文档对象模型)和其他页面元素的能力。以下是几种可能的方法: 1. **使用window.parent对象**:在子页面的JavaScript代码中,我们...
Ext JS window.postMessage Observable 使用 window.postMessage 可以作为一种更安全的方式在单个页面中的不同文档之间进行通信。 例如,如果您有多个<iframe>文档而不是尝试在父文档上执行方法(这可能是不...
在Web开发中,有时我们需要在父页面中操作或者获取嵌入的`iframe`子页面中的数据,例如在一些复杂的交互式应用或者多层框架结构的网页中。标题和描述所提及的是一个具体示例,展示了如何从父页面获取`iframe`子页面...
-修正了使用IFrameUrl的Tab在切换过程中会重复加载的问题,这是一个在v2.1.6引入的问题(feedback:eroach)。 -修正了启用AutoPostBack的Grid,其RowClick会覆盖LinkButtonField, HyperLinkField, CheckBoxField的...
在ExtJS中,发送Ajax请求时,若服务器已经配置了CORS,客户端无需额外操作。例如: ```javascript Ext.Ajax.request({ url: 'http://example.com/data', success: function(response) { console.log(response....
ExtJS的UploadDialog组件通常基于Ext.window.Window创建,包含一个或多个文件输入字段,以及上传按钮和取消按钮。用户可以选择文件后,点击上传按钮将数据发送到服务器。它还可能具有进度条,用于显示上传进度。 2...
-一个典型应用,在Window控件中打开新页面,如果传递的参数不正确,则首先提示参数不对然后关闭此弹出窗口。 -ExtAspNet.Alert.Show("参数错误!", String.Empty, ExtAspNet.ActiveWindow.GetCloseReference());...
解决这个问题的关键在于正确地获取iframe中的window对象,并通过它来调用函数。描述中提到的解决方案是使用`document.getElementById('iframeid').contentWindow.myFunc();` 这一行代码。这里的`getElementById`方法...
例如,在`admin/menu.aspx`页面中,可以使用`ext:Window`控件来定义一个模态对话框,并为其添加`OnClose`事件处理器。 ```aspx <ext:Window ID="Window1" runat="server" Height="350px" IsModal="true" Popup=...
其他框架如MooTools、Dojo、YUI、Ext等都有类似的处理逻辑,即在不支持DOMContentLoaded的浏览器上模拟这一事件,以确保即使在旧版浏览器中也能提供良好的用户体验。 综上,我们可以看出,尽管各主流JavaScript框架...
如果B页面是由A页面中的frame打开的,那么在执行刷新操作时应该使用`window.parent`代替`window.opener`。这样可以确保刷新操作是作用于正确的父窗口上。此时,在B页面中的`close()`函数应该这样编写: 1. 调用`...
在本文中,我们将深入探讨如何在Koa2框架中实现文件的上传与下载。Koa2是一个基于Node.js的轻量级Web应用框架,它提供了一种优雅的方式来处理HTTP请求和响应。文件上传和下载是Web应用中的常见需求,本文通过示例...
Open_Browser_Window+ 操作弹出式窗口升级版 StyleApplier 表格的鼠标触发效果 checkform 表单验证插件 Realplayer 嵌入网页Real播放器插件 BannerImageBuilder 创建多图片随机显示 CloseCW 方便的插入一个关闭当前...
一组关于iframe的插件,可以动态的改变iframe中的页面 MX152319_save_all 在Drw的File菜单下加一个Save All命令,用来保存所有Dreamweaver窗口的文件 Layerfx 可以让层做绕定轴转动、震动、加速运动....... xp...