学习ExtJS（八） border布局
来源：互联网 发布：inside 知乎 编辑：程序博客网 时间：2024/06/05 18:07
一、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:"右边面板"}
]
});
});
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:"右边面板"}
]
});
});
0
0
(请您对文章做出评价)
- 学习ExtJS（八） border布局
- Extjs border布局
- Extjs border 布局
- ExtJs Border布局
- extjs 3.4 border布局
- ExtJs学习笔记(9)_Window窗口的Border布局
- EXTJS 3 EXT容器布局（Fit,Card,Border）
- Extjs的布局控件--border布局
- ExtJS开发实践之Border布局
- extjs的border布局在collapse下显示title
- 学习ExtJS（七） Column布局
- 学习ExtJS（九） fit布局
- 学习ExtJS（十） form布局
- 学习ExtJS（十一） accordion布局
- 学习ExtJS（十二） table布局
- Extjs学习 layout布局
- ExtJs 布局学习笔记
- 【ExtJs学习笔记】6.ExtJs布局
- Tomcat 配置文件笔记
- 正向代理与反向代理
- 学习ExtJS（七） Column布局
- 设计模式学习与实践（九）----适配模式（adapter）
- 分享一下方法 用SQL2005以上版本
- 学习ExtJS（八） border布局
- Linux环境进程间通信（五）（下）
- hashtable(哈希表)
- 学习ExtJS（九） fit布局
- spring 配置 quartz排程任务小结
- 感悟人生
- 学习ExtJS（十） form布局
- C# graphics方法
- 学习ExtJS（十一） accordion布局
