ExtJS 5.1 - tabpanel setActiveTab: Uncaught TypeError: c.isFocusable is not a function

Description

在 ExtJS 5.1 中，使用 tabpanel，用 setActiveTab 来指定激活哪个 tab 的时候抱错：

　　Uncaught TypeError: c.isFocusable is not a function

Caused By

这是 ExtJS 5.1 的一个 open issue。

Solution

加上如下代码

Ext.define('Override.ComponentQuery', {
    override : 'Ext.ComponentQuery'
}, function() {

    Ext.apply(this.pseudos, {

        focusable : function(cmps) {
            var len = cmps.length, results = [], i = 0, c;

            for (; i < len; i++) {
                c = cmps[i];
                // If this is a generally focusable Component (has a focusEl, is
                // rendered, enabled and visible)
                // then it is currently focusable if focus management is enabled
                // or if it is an input field, a button or a menu item
                if (c.isFocusable && c.isFocusable()) {
                    // if (c.isFocusable()) {
                    results.push(c);
                }
            }

            return results;
        },

    });
});

Reference

• Extjs 5.1.0 upgrade, Card layout issue within a border layout viewport