ExtJS2.0实用简明教程——Border区域布局
来源:互联网 发布:屏蔽器能屏蔽4g网络吗 编辑:程序博客网 时间:2024/06/06 07:10
Border布局由类Ext.layout.BorderLayout定义,布局名称为border。该布局把容器分成东南西北中五个区域,分别由east,south, west,north, cente来表示,在往容器中添加子元素的时候,我们只需要指定这些子元素所在的位置,Border布局会自动把子元素放到布局指定的位置。看下面的代码:
Ext.onReady(function(){ new Ext.Viewport({layout:"border",items:[{region:"north",height:50,title:"顶部面板"},{region:"south",height:50,title:"底部面板"},{region:"center",title:"中央面板"},{region:"west",width:100,title:"左边面板"},{region:"east",width:100,title:"右边面板"}]}); });
执行上面的代码将会在页面中输出包含上下左右中五个区域的面板,如下图所示:
- ExtJS2.0实用简明教程——Border区域布局
- 《ExtJS2.0实用简明教程》之Border区域布局
- ExtJS2.0实用简明教程——布局概述
- ExtJS2.0实用简明教程——Column列布局
- ExtJS2.0实用简明教程——Fit布局
- ExtJS2.0实用简明教程——Form布局
- ExtJS2.0实用简明教程——Accordion布局
- ExtJS2.0实用简明教程——Card布局
- ExtJS2.0实用简明教程——Table布局及其它布局
- ExtJS2.0实用简明教程——ExtJS的组件
- ExtJS2.0实用简明教程——组件的使用
- ExtJS2.0实用简明教程——事件处理
- ExtJS2.0实用简明教程——Panel
- ExtJS2.0实用简明教程——工具栏Toolbar
- ExtJS2.0实用简明教程——选项面板TabPanel
- ExtJS2.0实用简明教程——视图区ViewPort
- ExtJS2.0实用简明教程——窗口基本应用
- ExtJS2.0实用简明教程——窗口分组
- ExtJS2.0实用简明教程——窗口基本应用
- ExtJS2.0实用简明教程——窗口分组
- ExtJS2.0实用简明教程——对话框
- ExtJS2.0实用简明教程——布局概述
- 关于微软AD的LDAP的一篇好文章
- ExtJS2.0实用简明教程——Border区域布局
- ExtJS2.0实用简明教程——Column列布局
- ExtJS2.0实用简明教程——Fit布局
- ExtJS2.0实用简明教程——Form布局
- ExtJS2.0实用简明教程——Accordion布局
- ExtJS2.0实用简明教程——Card布局
- ExtJS2.0实用简明教程——Table布局及其它布局
- ExtJS2.0实用简明教程——基本表格GridPanel
- ExtJS2.0实用简明教程——可编辑表格EditorGridPanel