`
sunzhen930
  • 浏览: 35843 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

Ext js高度不够导致页面元素显示不完全

阅读更多
今天遇到了一个这样的问题,写了一个带有9个fieldset的表单对象,但是显示结果却是这样的



只有在打开其中任意一个fieldset的时候才能正常的显示



在对代码进行反复确认后,发现没有出现任何错误
开始尝试对表单添加高度设置,将原来的代码
autoHeight : true
修改为
height : 600
这次显示结果正常了



但是如果设置了form高度就可能出现面板高度与表单高度不一致的情况,看起来很难看,所以最好的解决方案是对表单的父面板添加一个布局管理
layout : 'fit' 

这样就可以美观的解决这个问题了

  • 大小: 2.6 KB
  • 大小: 12 KB
  • 大小: 10.2 KB
分享到:
评论

相关推荐

    ext使用--Panel和iframe联合使用时页面高度的解决方法

    当Panel包含一个IFrame时,可能会遇到页面高度调整的问题,特别是在动态加载内容或者IFrame内页面高度不固定时。本文将深入探讨如何在使用ExtJS时解决Panel与IFrame结合时页面高度自动适应的问题。 首先,我们需要...

    Ext JS 3.1.1 Ultimate 版

    3. **性能优化**:由于其丰富的功能,如果不注意优化,可能会导致页面加载速度变慢,需要合理使用组件和数据加载策略。 4. **社区支持**:虽然3.1.1已经是较旧的版本,但仍有相当一部分开发者在使用,社区中可能能...

    Ext 学习总结 pdf版

    - **性能问题**:由于Ext JS是一个大型的库,如果使用不当,可能会导致页面加载变慢或浏览器内存占用过高。 - **开发效率**:尽管Ext JS提供了许多组件,但在某些情况下,为了实现特定的功能可能需要编写额外的...

    ext皮肤大全(13种)

    User Interface Library)框架的一个分支,后来发展成为Sencha EXT JS,它是一个用于构建富客户端Web应用程序的JavaScript库。EXT JS以其强大的组件化、丰富的用户界面和高度可定制的外观而闻名。皮肤是EXT JS中一...

    ext+js深入浅出

    ### ext+js深入浅出:关键技术知识点解析 #### 一、EXTJS概述 **EXTJS**,简称**EXT**,是一种先进的Ajax框架,用于构建视觉效果丰富的客户端应用程序。该框架完全由JavaScript编写而成,能够独立于后端技术,这...

    ext学习

    代码注释中提到的“Ext.get("btnAlert")得到一个与页面中按钮btnAlert关联的Ext.Element对象”实际上是指,`Ext.get`返回的对象是对DOM元素的一种封装,即`Ext.Element`对象。这种对象提供了更多的方法和属性,以便...

    Ext用户扩展控件 ------超级下拉列表控件支持多选,删除,添加

    考虑到大数据量的处理,UxSuperBoxSelect可能内置了一些性能优化策略,如延迟加载、分页加载等,以避免一次性加载过多数据导致页面卡顿。 7. **事件监听与处理** 和其他ExtJS组件一样,UxSuperBoxSelect提供了...

    通过viewport实现jsp页面支持手机缩放

    这些值可以限制用户的缩放范围,防止页面元素变得过小或过大,难以阅读。 5. `user-scalable`: 这个参数控制用户是否可以手动缩放页面。`yes`表示允许用户自由缩放,而`no`则禁止用户缩放。 在JSP页面中,将这段...

    解决uniapp开发抖音小程序video-player覆盖问题,超详细教程,前端相关操作,已成功上线产品

    在抖音小程序中,video-player可能与其他组件或页面元素重叠,造成显示异常,可能是由于以下原因: - CSS布局问题:如z-index设置不当,导致video-player层叠顺序错误。 - 视频容器尺寸问题:video-player的宽高...

    如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度

    对于`<pre>` 元素,它的默认行为是不进行单词换行,导致当文本过长时,内容会超出容器边界而不是换行。为了解决这个问题,我们可以应用以下CSS样式: ```css pre { word-wrap: break-word; /* 允许长单词换行 */ ...

    ExtJs4.2 下拉框树

    同时,考虑到性能和用户体验,应当尽量优化数据加载和渲染过程,避免一次性加载大量数据导致页面卡顿。 综上所述,`ExtJs4.2 下拉框树`的实现涉及到了组件扩展、树形数据处理、界面布局和交互设计等多个方面,通过...

    一个简单的EXTJS Panel

    <script type="text/javascript" src="js/ext-base.js"> <script type="text/javascript" src="js/ext-all.js"> <script type="text/javascript" src="js/ext-lang-zh_CN-min.js"></script> ``` 这里分别引入了...

    ExtJS实用开发手册-快速入门

    这种方式确保了所有必要的资源加载完毕之后再执行应用程序逻辑,避免了因为DOM元素未加载完成而导致的错误。 #### 三、Ext框架基础及核心简介 ExtJS的类库主要由以下几个部分组成: 1. **底层API (core)** - ...

    extjs3.2、3.3 时间控件 日期控件扩展

    - 对于大量数据处理,注意优化渲染性能,避免因过多的DOM操作导致页面卡顿。 7. **兼容性和适应性** - ExtJS 3.2和3.3版本在现代浏览器上运行良好,但可能不支持较旧的浏览器,如IE6和IE7。 - 为了确保跨浏览器...

    Extjs学习笔记之一 初识Extjs之MessageBox

    然后,`Ext.onReady`函数被用来确保在页面加载完成后再执行JavaScript代码,这样可以避免在DOM未完全构建时尝试访问元素引发的错误。 `Ext.MessageBox`是ExtJS提供的一个功能丰富的对话框组件,它提供了类似于`...

    Extjs 3.3切换tab隐藏相应工具栏出现空白解决

    当需要根据用户交互或者特定的业务逻辑隐藏或显示工具栏时,如果处理不当,就会导致页面布局出现问题,例如出现空白。 为了解决在切换面板时隐藏工具栏后出现的空白问题,我们可以采取以下步骤来确保页面的布局不会...

Global site tag (gtag.js) - Google Analytics