ExtJS中定义iframe

最新推荐文章于 2020-04-07 10:43:15 发布

iteye_18253

最新推荐文章于 2020-04-07 10:43:15 发布

阅读量449

点赞数

分类专栏： ExtJS 文章标签： ext iframe

ExtJS 专栏收录该内容

6 篇文章

订阅专栏

本文探讨了在使用ExtJS框架时遇到的iframe加载延迟问题，并提供了两个有效的解决方案。通过本地测试验证了方案的有效性，但在实际部署过程中遇到了IE浏览器下无法立即显示iframe内容的问题。通过意外地清除浏览器缓存，问题得以解决，揭示了可能的缓存机制干扰。文章还分享了解决方案的实现步骤和注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ExtJS中定义iframe. 列出我自己所知道的方案。
方案一
例如
var iframe={
region:'center',
border:true,
margins:'3',
html: '<iframe id=\'procFrame\' src=\''+src+'\' frameborder=\'0\' width=\'100%\' height=\'100%\'></iframe>'
}

可通过以下方式为iframe赋值路径
Ext.getDom("procFrame").contentWindow.location.href = 'xxxx.action'

方案二
例如
先扩展一个boxcomponent
Ext.ux.IFrameComponent = Ext.extend(Ext.BoxComponent, {onRender : function(ct, position){this.el = ct.createChild({tag: 'iframe', id: 'iframe-'+ this.id, frameBorder: 0, src: this.url});}})

var iframe = new Ext.ux.IFrameComponent({ id: id, url: url })

最近一个项目中，需要在tabpanel的tab中添加iframe，通过上述方式，本地测试时，可以正常显示，但是发布到测试服务器上后，ie访问测试服务的ext页面时，发现无法显示Iframe中内容，通过ie 开发者工具，发现iframe中内容也的确加载了。切换tab或者调整页面大小，才可以显示iframe内容。查了很多资料，尝试了很多方法，都不奏效。后来无意中清空了浏览器缓存。iframe可以正常显示了。晕死。