Question

在ExtJS中有应用程序，我正在努力管理没有鼠标的应用程序。有些事情已经完成，但我不知道工具栏按钮。工具栏按钮无法聚焦。虽然在应用程序中启用了 Ext.FocusManager

Ext.FocusManager.enable(true);

解决这个问题需要做些什么？

var nav3 = Ext.create('Ext.util.KeyNav', Ext.getBody(), {

            "enter" : function(){
                var el = Ext.FocusManager.focusedCmp;
                if( el.getXType() == 'menuToolbar' ){
                    console.log(el.items.items[0]);
                    el.items.items[0].focus();
                }


            },
            scope : this
        });

Answer 1

您的代码中存在几个问题。首先，Ext.create有两个参数，你传递三个。因此，创建的类无法工作。

el.items.items[0]无效。而是使用el.down('button')来说明要选择的组件。

您的代码应该看起来像这样

var nav3 = Ext.create('Ext.util.KeyNav', {
    target: Ext.getBody(),
    enter: function(){
        var el = Ext.FocusManager.focusedCmp;
        if( el.getXType() == 'menuToolbar' ){
            console.log(el.down('button')); 
            el.down('button') .focus();
        }
    }, 
    scope: this
});

如何将工具栏的按钮集中在ExtJS 4.2中？

1 个答案: