layout - Extjs 使西面板在中心面板上扩展

Question

我有这个边框布局：http: //jsfiddle.net/rGM2t/1/

运行扩展功能：Ext.getCmp("west").expand();将中心缩小以便为西腾出空间。
我怎样才能动态地向西扩展并迫使他越过中心而不是缩小它？
有什么类似的 Ext.getCmp("west").softExpand();吗？

Ext.create('Ext.panel.Panel', {
        width: 500,
        height: 400,
        title: 'Border Layout',
        layout: 'border',
        items: [{


            title: 'West Region is collapsible',
            region:'west',

            xtype: 'panel',
            margins: '5 0 0 5',
            width: 200,
            collapsible: true,  
            collapsed : true,
            id: 'west',
            layout: 'fit'
        },{
            title: 'Center Region',
            region: 'center',     
            xtype: 'panel',
            margins: '5 5 0 0'
        }],
        renderTo: Ext.getBody()
    });


 Ext.getCmp("west").expand();

Answer 1

你需要向西漂浮。但是将浮动元素放在边框布局中并没有多大意义。你可以使用一个Window组件（它只是一个定制的浮动面板）漂浮在中心和西部，然后当窗口关闭时你再次看到你的西部和中心像以前一样。

可能是这样的：http: //jsfiddle.net/3bDWU/