一、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: " 右边面板 " }
]
});
});
1071
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
