如何使用ext js5垂直对齐多个制表符

Question

我水平创建了标签，如下所示：

tab1 tab2 tab3 tab4

但在这里，我想要像这样垂直制作标签：

tab1  
tab2  
tab3  
tab4

我正在使用此代码：

Ext.create('Ext.tab.Panel', {
    width: 500,
    height: 400,
    renderTo: document.body,

    items: [
        {

        title: 'Stock Information' },
        { title: 'Score Analysis'},
        {title:'SeverityAnalysis'},
        {title:'Historical Analysis'
    }]

});

Answer 1

您可以使用配置选项：

tabPosition: 'left',
tabRotation: 0,
titleRotation: 0,

整个代码将是：

Ext.create('Ext.tab.Panel', {
        width: 500,
        height: 400,
        renderTo: document.body,
        tabPosition: 'left',
        tabRotation: 0,
        titleRotation: 0,

        items: [{
            title: 'Stock Information'
        }, {
            title: 'Score Analysis'
        }, {
            title: 'SeverityAnalysis'
        }, {
            title: 'Historical Analysis'
        }]

    });

参见示例fiddle