`
JavaCrazyer
  • 浏览: 3011906 次
  • 性别: Icon_minigender_1
  • 来自: 河南
社区版块
存档分类

ExtJS嵌入网页要解决iframe自动适应窗体大小的问题

阅读更多

 最近在ExtJS开发中用到了iframe标签在TabPanel中嵌入页面,但是有一个问题就是,如果iframe嵌入的图过大的话就会出现双重滚动条,即TabPanel有自带的滚动条,iframe也有自带的滚动条,给人的感觉甚是丑陋,为此翻阅了不少人的建议,好多都是不管用的最后还是写了这么一句居然特棒,能够自动适应窗体大小并且只显示外边的滚动条了

 代码:html:'<iframe id=thisIframe   width="100%" height="100%"   frameborder=0 src=fileio.html></iframe>'

至于其他属性不要轻易去设置了,可能会导致效果不一的

0
1
分享到:
评论

相关推荐

    extjs 嵌入 ckeditor 例子

    在IT领域,ExtJS是一个强大的JavaScript框架,用于构建富客户端应用程序。它提供了丰富的组件库,使得开发者能够创建功能丰富的Web应用界面。而CKEditor则是一款知名的富文本编辑器,广泛用于网页内容的编辑和格式化...

    Extjs6-iframe-优化.rar

    IFrame,全称Inline Frame,是HTML中的一个元素,用于在一个网页中嵌入另一个网页,实现页面的复合展示。 在ExtJS6中,IFrame.js插件可能被用来创建和管理IFrame组件,以便在应用中加载外部资源或实现跨域通信。...

    Extjs自动最大化panel

    在EXTJS中,"Extjs自动最大化panel"是一种高级布局技术,它允许用户创建一个能够自动适应并填充其容器的面板(Panel)。这种特性对于构建响应式和自适应的用户界面至关重要,尤其在现代Web应用中,用户期望界面能够...

    EXTJS 样式 修正 css 可以调整extjs里面的字体大小

    EXTJS 样式 extjs字体大小 可以轻松在这个CSS文件里面调整EXTJS插件的字体大小,对这个有需求的同志们有福了!

    ExtJS改变默认字体大小的几种方式

    在使用ExtJS时,有时我们需要根据用户需求或设计规范调整界面的字体大小。以下是改变ExtJS默认字体大小的几种方法: 1. 修改样式文件:最直接的方法是编辑`ext-all.css`样式文件。将文件中所有涉及到字体大小为11px...

    extJS4升级至extJS6.6所遇问题及解决方案

    项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议

    extjs 自动补全 模拟combobox

    在EXTJS中,自动补全(Autocomplete)功能通常用于提升用户输入的效率,它能够根据用户输入的字符快速提供匹配的建议列表。这个功能在许多应用中都非常常见,例如搜索框、表单字段等。EXTJS并没有直接提供一个名为...

    extjs中嵌入ckeditor完整实例

    extjs中嵌入ckeditor的完整实例,同时有ckeditor的配置说明

    ExtJs使用IFrame的实现代码

    具体来看,代码首先定义了一个名为var p_center的Ext.TabPanel对象,这个对象被配置为在中心区域内显示,并具有调整大小、最小宽度、默认宽度、高度、自动滚动等属性。接着在items数组中,开发者添加了一个具有xtype...

    解决extjs grid 不随窗口大小自适应的改变问题

    在使用ExtJS框架开发时,开发者常常会遇到一个问题,即在浏览器窗口大小改变后,ExtJS Grid组件无法自动调整大小以适应新的窗口尺寸。为了解决这个自适应问题,ExtJS提供了一个灵活的API来监听窗口大小的变化,并在...

    ExtJs代码自动生成

    在开发过程中,有时需要根据数据库结构或者业务需求自动生成相应的ExtJS代码,以提高开发效率和代码一致性。下面将详细解释如何使用ExtJS进行代码自动生成,以及各组件类型的中文解释。 1. **数据库字段的映射** ...

    ExtJS + Iframe方式 的 管理界面的框架

    此框架,使用的是EXTJS,主要适合于后台的管理界面和内部使用的管理系统布局。 适用于美工不好,又比较懒的人...根据我自己的需要,结合性能方面的考虑,我使用的是iframe的浏览方式,内部的功能页面,均不使用EXTJS。

    ExtJS网页小图标icons

    5. **响应式设计**:在移动设备上,图标大小可能需要调整以适应不同的屏幕尺寸。开发者可以通过CSS媒体查询或者ExtJS的配置选项来实现图标大小的自适应。 6. **自定义图标**:尽管这个压缩包提供了大量图标,但仍有...

    extjs网页控件开发

    在"extjs网页控件开发"中,我们主要关注的是使用ExtJS来创建高效的网页组件,如图表和多级联动下拉列表框。这些控件能够显著提升用户界面的交互性和用户体验。 首先,让我们深入探讨ExtJS中的图表控件。ExtJS提供了...

    extjs学习网页学习资料

    在解决EXTJS应用的兼容性问题时,开发者可以查找专门针对IE浏览器的优化方法。例如,可以研究哪些CSS属性或JavaScript方法在IE中与标准浏览器存在差异,并寻找替代方案。通过深入了解EXTJS提供的兼容性API,例如...

    100行代码解决ExtJs4.1合并单元格问题

    100行代码解决ExtJs4.1合并单元格问题

    EXTJS可视化网页编译器

    EXTJS可视化网页编译器是EXTJS框架的一个重要工具,它允许开发者通过直观的图形界面来设计和编译EXTJS应用,极大地简化了开发流程。 EXTJS编译器的核心特性包括: 1. **可视化设计**:该编译器提供了拖放功能,...

    myeclipse中使用extjs缓慢 卡死 白屏 解决方法总结

    - 如果经过上述调整仍然无法解决问题,可以考虑使用其他更现代的集成开发环境(IDE),如IntelliJ IDEA或Visual Studio Code等,这些IDE通常具有更好的性能和更丰富的插件支持。 通过上述方法,可以在很大程度上解决...

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

    本文主要讨论的是一个特定的场景:在ExtJS框架下,使用Firefox浏览器时,如何解决关闭并重新打开窗口后,iframe中的JavaScript函数无法被访问的问题。这个问题在Internet Explorer和Google Chrome中并未出现,但在...

    extjs常见问题及解决方法

    extjs常见问题http://www.jb51.net/list/list_217_1.htm

Global site tag (gtag.js) - Google Analytics