Ext.layout.BorderLayout

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

你可能感兴趣的:(ext)