学习ExtJS border布局


一、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:"右边面板"}
]
});
});



相关阅读:
[译]css 十大密技
asp.net treeview checkbox 相关问题
系统管理:基于Linux的负载均衡技术介绍
ORACLE JOB不能按预期执行的常见原因
妙用脚本和批处理清除电脑中的痕迹
css textarea 高度自适应,无滚动条
Oracle Developer 2000中的一些实用语句
CSS教程之CSS盒模型
Memcached深度分析
编译Linux内核的详细过程
使用SQLDMO从SQL Server中获取信息
Windows7 显示桌面方法小结
社区(php&&mysql)三
SQL Server 2000的视图中必须小心使用*符号
快速导航

Copyright © 2016 phpStudy |