有沒有辦法讓選項卡面板中的選項卡可以通過在ExtJS6中設置的tabBarHeaderPosition進行滾動？

Question

如果選項卡面板的選項卡太多，則會出現一個小滾動條，以便您可以滾動選項卡，請參閱fiddle。

如果我將標籤移動到頁眉（取消註釋tabBarHeaderPosition: 1從小提琴），滾動條將不會再出現。

有沒有一種方法可以讓標籤在標頭內滾動？

Answer 1

爲tabBar設置flex似乎有效。同時向標題添加flex可以爲標籤欄留出更多空間。

https://fiddle.sencha.com/#view/editor&fiddle/23vc

Ext.create('Ext.tab.Panel', { 
    width: 400, 
    height: 400, 
    activeTab: 2, 
    renderTo: document.body, 
    title: { 
     text: 'Title', 
     flex: .2 
    }, 
    tabBarHeaderPosition: 1, 
    tabBar: { 
     flex: .8 
    }, 
    items: [{ 
     title: 'Foo' 
    }, { 
     title: 'Bar' 
    }, { 
     title: 'some tab' 
    }, { 
     title: 'another tab' 
    }, { 
     title: 'tab 1' 
    }, { 
     title: 'final tab' 
    }, { 
     title: 'Foo' 
    }, { 
     title: 'Bar' 
    }, { 
     title: 'some tab' 
    }, { 
     title: 'another tab' 
    }, { 
     title: 'tab 1' 
    }, { 
     title: 'final tab' 
    }] 
});