学习ExtJS border布局
- 作者: 怎么又被注册了啊
- 来源: 51数据库
- 2021-07-08
一、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:"右边面板"}
]
});
});
二、应用举例
复制代码 代码如下:
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:"右边面板"}
]
});
});
推荐阅读
