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"} ] });
?
?