EXT学习之路-格局类 Borderlayout

EXT学习之路----布局类 Borderlayout
Ext.onReady(function(){
    var panel = new Ext.Panel({
        title:'布局Layout示例',
        layout:'border',
        height:450,
        width:600,
        applyTo:'panel',
        items:
        [
            {
                title:'上',
                collapsible:true,
                html:'hello',
                region:'north',
                height:50
            },
            {
                title:'西',
                collapsible:true,
                html:'hello',
                region:'west',
                width:50
            },
            {
                title:'东',
                collapsible:true,
                html:'hello',
                region:'east',
                width:100
            },
            {
                title:'南',
                html:'hello',
                collapsible:true,
                region:'south',
                height:100
            },
            {
                title:'中',
                html:'hello',
                region:'center'
            }
        ]
    });
});