ExtJS 4.1.它们是创建侧边栏菜单的最佳组件(如左面板中的Worpress）

我是Extjs的新手，使用4.1版本。我想知道哪个组件最好用在一个Ext.Viewport中，有左面板侧边栏（比如在Wordpress管理中，比如Wordpress Post/Page/Media/Categories/Settings菜单等）。我想要垂直菜单，一个在另一个下面。

我找到了Ext.tree、Ext.menu或垂直选项卡作为侧边栏的示例，但我真的不知道对于Ext.Viewport（而不是MVC应用程序）来说，这是否是在"items"属性中使用组件的最佳方法。

Ext.create('Ext.Viewport', {
    layout: 'border',
    items: [{
        xtype: 'box',
        region: 'north'
        ....
    },{
        layout: 'border',
        id: 'sidebar',
        region:'west',
        items: HERE WANT SIDEBAR COMPONENT
        ....
    }, 
    {
        id: 'vbox-panel',
        region: 'center',
        defaultType: 'container',
        layout: {
            type: 'vbox'
        },
        defaults: {
            frame: true
        },
        items: [
            {
                height: 40,
                html: 'Top content'
                ....
            }, {
                id: 'content',
                layout: 'card',
                items: [content],
                flex: 2
                ....
            }, {
                flex: 2,
                html: 'Bottom comtent'
                ....
            }
        ]
    }],
    renderTo: Ext.getBody()
});

感谢

更新：-用一个简单的解决方案写一条评论，对于像我这样的初学者来说：）