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

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

HTML 
阅读更多

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

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

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

0
顶
1
踩
分享到：
| mxGraph为读取出来的mxe或xml图添加cell ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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

Magicbox
Global site tag (gtag.js) - Google Analytics