将焦点设置在选项卡上

Question

我有一个 Ext js 选项卡面板，当我们使用鼠标重定向选项卡时，它的焦点保持不变，如附图所示。当我们使用 setActiveItem 方法动态更改选项卡时，选项卡激活但焦点丢失。

我尝试使用以下方法手动设置焦点。

tab.focus();

tabpanel.down('tabbar').el.dom.getElementsByTagName('a')[0].focus();

tabpanel.el.dom.getElementsByTagName('a')[0].focus();

但是无法动态设置焦点。请任何提示。

测试fiddle可以找到here

Answer 1

您可以使用以下解决方案：

...
...
launch : function() {
   Ext.create('Ext.tab.Panel', {
       renderTo: Ext.getBody(),
       listeners: {
           tabchange: function(me, nw, old){
               me.getTabBar().activeTab.focus(); // This will focus tab on setActiveItem
           }
       },
...
...

将焦点设置在选项卡上

Set focus on tab

javascript

extjs

focus

extjs6

tabpanel