使手风琴菜单子项扩展并占据高度

Question

我有手风琴菜单。如果页面缩小，则不会显示一个面板的所有子项，因为没有足够的空间。

有没有办法让子项自动占用所需的所有空间并触发溢出条滚动？

我尝试过min Height，但是子项不会扩展。见附件截图。

希望这是可以理解的。

Simillar示例，但用网格完成。总是看到Sebmenu。 http://try.sencha.com/extjs/4.0.7/examples/grid/groupgrid/viewer.html

创建菜单：

store.each(function(n) {
    var rec = n;
    var panelItem = new Ext.panel.Panel({
        title: "something"
        value: rec.data.VALUE_FIELD,

        handler: function(item) {
            myFunction(item.value); //Handle the item click
        }
    });

    panel.add(panelItem);

    var userMenu = new Ext.menu.Menu({
        width: 200,
        marginRight:10,
        overflowY:'scroll',
        className: "menu",
        floating: false,
        showSeparator: false
    });

    panelItem.add(userMenu);

    rec.data.forEach(function(n) {
        var menuItem = new Ext.menu.Item({
            text: n.description,
            value: rec.data.VALUE_FIELD,
        });
        userMenu.add(menuItem);
    });
});