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