如何在Ext JS中使用箭頭鍵禁用Tabpanel導航？

Question

標籤聚焦時，可以使用箭頭鍵在標籤之間導航（→，←）。我想禁用此行爲。

例標籤面板： http://examples.sencha.com/extjs/6.0.2/examples/kitchensink/#basic-tabs

Answer 1

你正在尋找的配置是在Ext.tab.Bar類，它被稱爲activateOnFocus。

這裏的修改，以avoi導航箭頭鍵

Ext.create('Ext.tab.Panel', { 
    width: 400, 
    height: 400, 
    renderTo: document.body, 
    tabBar: { 
     activateOnFocus: false 
    }, 
    items: [{ 
     title: 'Foo' 
    }, { 
     title: 'Bar', 
     tabConfig: { 
      title: 'Custom Title', 
      tooltip: 'A button tooltip' 
     } 
    }] 
});