如何將多個標籤對準垂直使用分機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