Question

我是Extjs中的新手并使用4.1版。我想知道哪个组件最适合用于一个Ext.Viewport，左侧面板侧边栏（如Wordpress管理员，如Wordpress帖子/页面/媒体/类别/设置菜单等）。我想成为垂直菜单，一个在另一个之下。

我发现带有Ext.tree，Ext.menu或垂直制表符的示例用于侧边栏，但我真的不知道对于Ext.Viewport（不是MVC应用程序），它是在“items”属性中使用组件的最佳方法。 / p>

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

由于

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

Answer 1

您可以使用如下垂直工具栏：http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/toolbar/vertical-toolbars.html

ExtJS 4.1。这是创建侧边栏菜单的最佳组件（左侧面板中有Worpdress）

1 个答案: