Ext.layout.BorderLayout

最新推荐文章于 2021-02-15 22:26:39 发布

原创最新推荐文章于 2021-02-15 22:26:39 发布 · 150 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT

EXT 专栏收录该内容

46 篇文章

订阅专栏

本文介绍了Ext布局中的BorderLayout组件，详细解释了如何通过region属性来配置子面板的位置，并提供了一个具体的实现示例。

Ext.layout.BorderLayout扩展自Ext.layout.ContainerLayout，其xtype值为border。此布局将容器分为5个部分，分别是east、south、west、north、center。其中，center是必须的。

子面板配置项：
region：设置子面板所在区域。
new Ext.Panel({
renderTo: "div2",
frame: true,
layout: "border",
title: "边框布局（BorderLayout）",
width: 600,
height: 400,
defaults: {
bodyStyle: "padding:3px; background-color: #FFFFFF;",
frame: true
},
items: [
{title:"north", region:"north", height:100},
{title:"east", region:"east", width:100},
{title:"south", region:"south", height:100},
{title:"west", region:"west", width:100},
{title:"center", region:"center"}
]
});