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

Question

There is application in ExtJS and I am endeavouring to manage application without mouse. Some things is done, but I have no idea with toolbars button. Toolbars button cannot be focused. Although in application enabled Ext.FocusManager

Ext.FocusManager.enable(true);

What have to do to fix this problem?

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

There are several problems in your code. First of all, Ext.create takes two arguments, you pass three. Thus the class created cannot work.

el.items.items[0] cannot work. Rather use el.down('button') to tell what component you want to select.

Your code should probably look like this

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
});