Ext布局_BorderLayout
BorderLayout布局的使用
?
??? ??? new Ext.Viewport({
??? ??? ??? layout: 'border',
??? ??? ??? items: [{
??? ??? ??? ??? region:? 'north',
??? ??? ??? ??? id: 'northPanel',
??? ??? ??? ??? contentEl: 'northDiv',
??? ??? ??? ??? border: false,
??? ??? ??? ??? margins:? '0 0 0 0',
??? ??? ??? ??? split:? false
??? ??? ??? },{
??? ??? ??? ??? region: 'west',
??? ??? ??? ??? id: 'westPanel',
??? ??? ??? ??? contentEl: 'westDiv',
??? ??? ??? ??? //border:false,
??? ??? ??? ??? margins:? '0 0 0 0',
??? ??? ??? ??? split:? true,
??? ??? ??? ??? width:? 260,???
??? ??? ??? ??? layout:? 'fit',??? ??? ???
??? ??? ??? ??? items:? westGrid
??? ??? ??? },{
??? ??? ??? ??? region: 'center',
??? ??? ??? ??? id: 'centerPanel',
??? ??? ??? ??? border: false,
??? ??? ??? ??? margins:? '0 0 0 0',
??? ??? ??? ??? layout:? 'border',
??? ??? ??? ??? items: [{
??? ??? ??? ??? ??? region:? 'north',
??? ??? ??? ??? ??? id: 'childNorthPanel',
??? ??? ??? ??? ??? contentEl:? 'childNorthDiv',
??? ??? ??? ??? ??? border: false,
??? ??? ??? ??? ??? margins:? '0 0 0 0',
??? ??? ??? ??? ??? split: false
??? ??? ??? ??? },{
??? ??? ??? ??? ??? region:? 'center',
??? ??? ??? ??? ??? id: 'centerPanel1',
??? ??? ??? ??? ??? contentEl:? 'childCenterDiv',
??? ??? ??? ??? ??? title: '明细设定',
??? ??? ??? ??? ??? //border: false,
??? ??? ??? ??? ??? layout:? 'fit',
??? ??? ??? ??? ??? margins:? '0 0 0 0',
??? ??? ??? ??? ??? height:? '100%',
??? ??? ??? ??? ??? items:? centerGrid
??? ??? ??? ??? }
??? ??? ??? ??? ]
??? ??? ??? }
??? ??? ??? ]
??? ??? });