直接翻的API,虽然API中有写,但我刚开始却没注意到以至后来出现问题头疼半天,最后去查API才看到有,现在翻一下加深印象
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。
希望踩的朋友也能留下宝贵批评意见,也能使我从中有所收获不断进步,不甚感激!
分享到:
相关推荐
#### 一、Border布局简介 在ExtJS框架中,`border`布局是一种非常常见的布局方式,它将容器划分为五个区域:north(北)、south(南)、east(东)、west(西)以及center(中心)。通过这种布局方式可以非常方便地...
ExtJS 3.0提供了多种布局模式,如“fit”(适应性布局)、“border”(边界布局)、“form”(表单布局)等,可以灵活地调整组件的大小和位置。布局管理器使得开发者无需关心具体的CSS样式,只需指定布局类型,框架...
- `Border`:边框布局,复杂的布局结构,常用于主内容和侧边栏的展示。 - **Ext.container.Viewport**:全屏容器,用于包裹整个应用界面。 - **Ext.tab.Panel**:页签面板,用于展示多个页面内容,每个页面作为一...
ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有:border、form、absolute、column、accordion、table、fit、card、anchor 另外,不常见的布局有:tab、vbox、hbox 具体使用方法可见该文件的案例代码。 ...
2. **布局管理**:ExtJS提供多种布局模式,如Fit、Border、Form、Table等,用于控制组件在容器中的排列方式和尺寸调整。 3. **数据绑定**:框架内置了数据绑定机制,使得视图(UI组件)可以直接与数据源进行同步,...
5. **高级布局管理**:框架提供了多种布局管理器,如Fit、Border、VBox、HBox等,能够灵活地调整组件的尺寸和位置。 6. **可访问性**:ExtJS重视无障碍性,为视力障碍的用户提供良好的支持,符合WCAG 2.0标准。 7....
例如,在使用自动布局时,可以结合滚动条实现在有限空间内展示大量内容的效果。 ### 滚动容器和面板 对于滚动容器和面板,应考虑内部元素的尺寸和布局,确保滚动行为符合预期,避免不必要的空白区域。 ### 滚动...
7. **布局管理**:框架提供了多种布局模式,如Fit、Border、Form、Table等,用于灵活地组织和调整组件在容器中的位置和大小,适应不同屏幕尺寸和应用场景。 8. **事件处理**:ExtJS的事件驱动模型允许开发者通过...
### ExtJS4基础教程知识点...ExtJS4还有如`border`、`card`等多种布局选项,开发人员可以根据需要选择适合的布局来设计界面。 通过上述知识点的学习和实践,可以为接下来深入学习ExtJS4的其它高级特性打下坚实的基础。
第十一讲.ExtJS布局模式-Box布局、使用ViewPort布局首页 第十二讲.ExtJS之Ext常用函数 第十三讲.ExtJS之Ext常用函数(二) 第十四讲.初识Ajax 第十五讲.ExtJS对Ajax支持-注册用户实例 第十六讲.ExtJS对Ajax...
2. **布局管理**:EXTJS提供多种布局方式,如Fit、Border、Form、Table等,满足不同布局需求。 3. **数据绑定**:EXTJS支持双向数据绑定,允许UI与数据模型实时同步,简化了数据操作。 4. **Ajax通信**:EXTJS内置...
##### 2.2 Border 布局 - **特点**:分为五个区域(北、南、东、西和中心),每个区域可以包含一个面板。 - **用途**:构建复杂的用户界面,如管理后台系统。 ##### 2.3 Accordion 布局 - **特点**:类似于手风琴...
当使用Border布局时,如果指定布局为border但没有指定center区域,在Extjs4.0中将会导致报错。 Accordion布局是一种特殊的布局类型,它模仿了手风琴的交互方式,因此也被称为手风琴布局。在这种布局下,一个容器被...
本文将详细介绍如何使用Extjs实现一个两行两列布局的`FieldSet`。 #### 一、整体结构设计 首先,我们需要理解给定代码的整体结构。该代码定义了一个名为`setsc`的`FieldSet`实例。这个实例包含两个主要部分:标题...
- Border布局是ExtJs中最复杂的布局之一,允许将容器分为五个区域:北部(north)、南部(south)、东部(east)、西部(west)和中心(center)。在这种布局中,左侧通常会设置为“west”区域,用于放置树形导航。...
布局名称为"border",这是一个预设值,开发者在使用时不需要更改。 在Border布局的定义中,各个区域由对应的"region"属性来标识。具体来说,当向容器中添加子元素时,需要为每个子元素指定以下五个region属性之一来...
资源名称:ExtJS布局之border实例 中文WORD版内容简介:border布局是常见的布局样式,本文档中一个实际项目的示例,比较简单,仅供初学者参考。感兴趣的朋友可以过来看看资源截图: 资源太大,传百度网盘了,链接在...
- **边框布局(BorderLayout)**:使用`layout: "border"`,将容器分为东、南、西、北、中五个区域,每个区域可放置不同的组件,如`east`, `south`, `west`, `north`, `center`。 - **卡片式布局(CardLayout)**...
ExtJS提供多种布局模式,如Fit布局、Border布局、Table布局等,满足不同布局需求。 4. **数据绑定(Data Binding)**:ExtJS的数据绑定机制允许将数据模型与UI组件直接关联,实现数据的实时更新。Model、Store和...