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可以正常显示了。晕死。
分享到:
相关推荐
Extjs6 插件IFrame.js存在一定问题。同步利用ajax进行异步检测访问是否可达,如果不可达则重置iframe的url,指定显示404界面。
此框架,使用的是EXTJS,主要适合于后台的管理界面和内部使用的管理系统布局。 适用于美工不好,又比较懒的人...根据我自己的需要,结合性能方面的考虑,我使用的是iframe的浏览方式,内部的功能页面,均不使用EXTJS。
Extjs中文文档,包含Extjs的基本语法和各个类的详细说明以及用法。
Extjs 中文API文档,有对Extjs相关API的中文说明
extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例
ExtJS中文文档,很好,很强大!绝对值得一看哦!
ExtJs 实例+ExtJs中文教程 大量ExtJs的实例和目前最好的ExtJs中文教程,学习ExtJs的朋友可以参考一下
ExtJs中文API,比较全面!并且提供了很多的例子!! ExtJs中文API,比较全面!并且提供了很多的例子!! ExtJs中文API,比较全面!并且提供了很多的例子!! ExtJs中文API,比较全面!并且提供了很多的例子!!
绝对的ExtJS3.0中文API,本人在网上找了好久才找到的,在此奉献给大家!!解压后有30多兆!!
extjs3.3的中文文档
extjs4.1 中文API
Extjs 中文文档 学习文档
收集了ExtJS中文站上的资料,共52篇文章,保留了文章的原始风貌,支持关键字查询,里面的内容可以选择后ctrl-C拷出来。赚个辛苦分。
精心整理的EXTJS常用例子集...是学习EXTJS不可多得的好资料,欲下载,则从速喔!!!
新手学习,初学extjs时用刚刚好,里边有三个例子,还有一个我自己写的例子(简单粗暴动态菜单),还有一个中文API
extjs 中文 api chm格式的!可以跟好的帮助你学习富客户端技术!!!!!!
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
extjs中使用FusionChart举例
extjs中的多选列表,extjs中没有实现多选列表。这是别人作的封装。我找到的。
extjs资料extjs资料extjs资料extjs资料extjs资料