如何在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' 
     } 
    }] 
});