学习ExtJS(八) border布局
2009-10-07 19:15
399 查看
一、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:"右边面板"}
]
});
});
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:"右边面板"}
]
});
});
相关文章推荐
- 学习ExtJS border布局
- 学习ExtJS(八) border布局
- ExtJs学习笔记(10)_Window窗口的Border布局
- 【ExtJs学习笔记】6.ExtJs布局
- ExtJs 布局学习笔记
- ExtJs学习笔记(17)_Form布局
- ExtJS----Border区域布局
- Extjs学习笔记之七——布局
- 学习extjs的布局
- ExtJs学习笔记(15)_fit布局
- Extjs4----border布局
- Extjs学习笔记之七 布局
- ExtJS 4.2.1学习笔记(一)——MVC架构与布局
- ExtJS2.0实用简明教程——Border区域布局
- ExtJs学习笔记(14)_Column布局
- ExtJs学习笔记(11)_Absolute布局和Accordion布局
- 【ExtJs】利用树状结构、Border布局与标签页刻划OA界面
- extjs面板布局报错:No center region defined in BorderLayout
- Extjs学习总结之18布局与表单初始化
- ExtJs布局之border