extjs 聚焦于选项卡

fdx2calv  于 2022-11-05  发布在  其他
关注(0)|答案(1)|浏览(165)

我有一个Ext js tabpanel,当我们使用鼠标重定向一个选项卡时,它的焦点保持在所附图像中显示的状态。当我们使用setActiveItem方法动态更改选项卡时,选项卡会被激活,但焦点丢失。

我试着用下面的方法手动设置焦点。

tab.focus();

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

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

但无法动态设置焦点。请提供任何提示。
测试小提琴可以在这里找到

e3bfsja2

e3bfsja21#

您可以使用下列解决方案:

...
...
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
           }
       },
...
...

相关问题