Javascript 在内容上滑动面板

我有一个菜单（面板），当我在布局中展开一个可折叠菜单时，它会压缩它旁边面板的内容。如何在内容上扩展它？这是我的菜单代码

Ext.define('*****.view.main.MainMenu', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.main.MainMenu',

    title: 'Menu',
    collapsed: true,
    dock: 'left',
    minWidth: 140,

    initComponent: function () {
        var me = this;  

        Ext.applyIf(me, {
            collapseDirection: 'left',
            collapsible: true,

            titleAlign: 'center',
            titleCollapse: false,
            items: [
                {

                }
            ]
        });

        me.callParent(arguments);
    }
});

---

您可以使其浮动，您可以将其更改为窗口（默认情况下，这是一个可调整大小和浮动的专用面板），您可以更改父容器的布局，您可以将这两个面板包装到tabpanel中，以一次显示一个面板，如果您一次只需要查看一个面板，accordion也可以为您工作。查看Sencha网站上的示例，查看不同的组合。

类似的东西怎么样

Ext.onReady(function () {

    Ext.define('MainMenu', {
        extend: 'Ext.panel.Panel',

        title: 'Menu',
        collapsed: true,
        titleCollapse: false,
        hideCollapseTool: true,
        minWidth: 140,
        region: 'west'
    });

    var menu = Ext.create('MainMenu');

    var otherPanel = Ext.create('Ext.panel.Panel', {
        title: 'Other Panel',
        region: 'center'
    });

    var panel = Ext.create('Ext.panel.Panel', {
        height: 300,
        width: 500,
        renderTo: Ext.getBody(),
        layout: 'border',
        items: [
            menu,
            otherPanel
        ]
    });
});

---

感谢您的回答，我尝试使用浮动-不工作（在sencha中找不到解决我的问题的示例）（（如果您知道其他内容，请提供信息。使用选项卡面板的解决方案-对我来说这不是一个好主意）（我听过一些使用边框布局的解决方案-边框对我不好(