1

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

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

2 回答 2

0

你可以让它浮动，你可以把它变成一个窗口（这是一个专门的面板，默认是可调整大小和浮动的），你可以改变父容器的布局，你可以把这两个面板包装成一个标签面板来显示一个面板如果您一次只需要看一个，手风琴可能也适合您。查看 Sencha 网站上的示例以查看不同的组合。

于 2013-05-09T20:23:12.587 回答
0

这样的事情怎么样？

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
        ]
    });
});
于 2013-05-12T12:41:25.180 回答