EXT JS 面板布局

Panel布局类有12种。(auto：自动布局，fit：自适应布局，accordion：折叠布局，card：卡片式布局，anchor锚点布局，absolute，绝对位置布局，

checkboxgroup：复选框组件布局，column列布局，table：表格布局，border：边框布局，box：盒布局。

先来个最常用的viewPort+border。

Ext.onReady(function(){
	  var viewport = new Ext.Viewport({
            layout:'border',
            items:[
            {	region:'east',
                title:'aaa',
                split:true,
                width: 600,
                minSize: 300,
                maxSize: 700,
                collapsible: true,
                contentEl:'a1',
                layoutConfig:{
                    animate:true
             }},{
             	region:'center',
                title:'bbb',
                split:false,
                contentEl:'b1'
             }]});

});