`
liss
  • 浏览: 844112 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

ExtJS--使用Border布局时注意

 
阅读更多

1 使用Border布局的容器必须 有一个子件在'中心'区域(region:'center')。中心区域的子件将会自动改变尺寸来填充Border布局中没有被使用的其他区域的空间。(如果不指定会报uncaught exception: No center region defined in BorderLayout XXX 异常)
  2 任何west或east区域的子件都必须定义宽度(一个整数代表该区域占用的像素)(如果不指定布局不起作用,并且还会报col is null 的错)
  3 任何north或south区域的子件都必须定义高度
  4 Border布局的所有区域在被渲染时以及此之后就固定了,其子组件可能无法删除或添加。
  5 要添加/删除Border布局内的组件,它们必须是被一个额外的由Border布局直接管理的容器所封装。如果该区域是可收起的(collapsible:true),Border布局管理器直接使用的容器应该是一个Panel。

分享到:
评论

相关推荐

    ExtJS布局之border实例

    #### 一、Border布局简介 在ExtJS框架中,`border`布局是一种非常常见的布局方式,它将容器划分为五个区域:north(北)、south(南)、east(东)、west(西)以及center(中心)。通过这种布局方式可以非常方便地...

    extjs-3.0-all-src

    ExtJS 3.0提供了多种布局模式,如“fit”(适应性布局)、“border”(边界布局)、“form”(表单布局)等,可以灵活地调整组件的大小和位置。布局管理器使得开发者无需关心具体的CSS样式,只需指定布局类型,框架...

    ExtJS-3.4.0系列目录

    - `Border`:边框布局,复杂的布局结构,常用于主内容和侧边栏的展示。 - **Ext.container.Viewport**:全屏容器,用于包裹整个应用界面。 - **Ext.tab.Panel**:页签面板,用于展示多个页面内容,每个页面作为一...

    ExtJs常用布局--layout详解实例代码

    ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有:border、form、absolute、column、accordion、table、fit、card、anchor 另外,不常见的布局有:tab、vbox、hbox 具体使用方法可见该文件的案例代码。 ...

    ExtJS-doc帮助文档

    2. **布局管理**:ExtJS提供多种布局模式,如Fit、Border、Form、Table等,用于控制组件在容器中的排列方式和尺寸调整。 3. **数据绑定**:框架内置了数据绑定机制,使得视图(UI组件)可以直接与数据源进行同步,...

    ExtJs-4.1.1a-gpl+中午手册+入门教程

    5. **高级布局管理**:框架提供了多种布局管理器,如Fit、Border、VBox、HBox等,能够灵活地调整组件的尺寸和位置。 6. **可访问性**:ExtJS重视无障碍性,为视力障碍的用户提供良好的支持,符合WCAG 2.0标准。 7....

    ExtJS-Layouts.pdf

    例如,在使用自动布局时,可以结合滚动条实现在有限空间内展示大量内容的效果。 ### 滚动容器和面板 对于滚动容器和面板,应考虑内部元素的尺寸和布局,确保滚动行为符合预期,避免不必要的空白区域。 ### 滚动...

    ExtJs-3.3.1框架

    7. **布局管理**:框架提供了多种布局模式,如Fit、Border、Form、Table等,用于灵活地组织和调整组件在容器中的位置和大小,适应不同屏幕尺寸和应用场景。 8. **事件处理**:ExtJS的事件驱动模型允许开发者通过...

    extjs4-教程

    ### ExtJS4基础教程知识点...ExtJS4还有如`border`、`card`等多种布局选项,开发人员可以根据需要选择适合的布局来设计界面。 通过上述知识点的学习和实践,可以为接下来深入学习ExtJS4的其它高级特性打下坚实的基础。

    Extjs4.1.1

    第十一讲.ExtJS布局模式-Box布局、使用ViewPort布局首页 第十二讲.ExtJS之Ext常用函数 第十三讲.ExtJS之Ext常用函数(二) 第十四讲.初识Ajax 第十五讲.ExtJS对Ajax支持-注册用户实例 第十六讲.ExtJS对Ajax...

    EXTJS3.2-3.3中文API和包

    2. **布局管理**:EXTJS提供多种布局方式,如Fit、Border、Form、Table等,满足不同布局需求。 3. **数据绑定**:EXTJS支持双向数据绑定,允许UI与数据模型实时同步,简化了数据操作。 4. **Ajax通信**:EXTJS内置...

    Extjs4-学习指南

    ##### 2.2 Border 布局 - **特点**:分为五个区域(北、南、东、西和中心),每个区域可以包含一个面板。 - **用途**:构建复杂的用户界面,如管理后台系统。 ##### 2.3 Accordion 布局 - **特点**:类似于手风琴...

    Extjs4详解.pdf

    当使用Border布局时,如果指定布局为border但没有指定center区域,在Extjs4.0中将会导致报错。 Accordion布局是一种特殊的布局类型,它模仿了手风琴的交互方式,因此也被称为手风琴布局。在这种布局下,一个容器被...

    Extjs fieldset两行两列布局

    本文将详细介绍如何使用Extjs实现一个两行两列布局的`FieldSet`。 #### 一、整体结构设计 首先,我们需要理解给定代码的整体结构。该代码定义了一个名为`setsc`的`FieldSet`实例。这个实例包含两个主要部分:标题...

    ExtJs 后台通用界面布局,左侧树,Center Tab 选项

    - Border布局是ExtJs中最复杂的布局之一,允许将容器分为五个区域:北部(north)、南部(south)、东部(east)、西部(west)和中心(center)。在这种布局中,左侧通常会设置为“west”区域,用于放置树形导航。...

    学习ExtJS border布局

    布局名称为"border",这是一个预设值,开发者在使用时不需要更改。 在Border布局的定义中,各个区域由对应的"region"属性来标识。具体来说,当向容器中添加子元素时,需要为每个子元素指定以下五个region属性之一来...

    ExtJS布局之border实例中文WORD版

    资源名称:ExtJS布局之border实例 中文WORD版内容简介:border布局是常见的布局样式,本文档中一个实际项目的示例,比较简单,仅供初学者参考。感兴趣的朋友可以过来看看资源截图: 资源太大,传百度网盘了,链接在...

    ExtJS之布局详解

    - **边框布局(BorderLayout)**:使用`layout: "border"`,将容器分为东、南、西、北、中五个区域,每个区域可放置不同的组件,如`east`, `south`, `west`, `north`, `center`。 - **卡片式布局(CardLayout)**...

    ExtJS3.1-3.3中文API文档.zip

    ExtJS提供多种布局模式,如Fit布局、Border布局、Table布局等,满足不同布局需求。 4. **数据绑定(Data Binding)**:ExtJS的数据绑定机制允许将数据模型与UI组件直接关联,实现数据的实时更新。Model、Store和...

Global site tag (gtag.js) - Google Analytics