Question

Extjs怎么实现这个布局效果

4.2的效果

Answer 1

var uppanel = new Ext.Panel({
         margins:'5 0 5 5',
       split:true,
       width: 210,
       region: 'north'
    });

var leftPanel = new Ext.Panel({
       region: 'west'
    });
var rightPanel= new Ext.Panel({
       region: 'center'
});

  Ext.onReady(function(){
        var viewport = new Ext.Viewport({
        layout: 'border',
        items:[
               uppanel,
               new Ext.Panel({
                 region: 'south',
               layout: 'border',
               items: [leftPanel,rightPanel]
               })]
        });
});

总体上下布局，下面左边west，右边center

Answer 2

用border布局可以实现