以下代码

Ext.define('Fiddle.Panel', {
    extend: 'Ext.Container',
    layout: 'card',
    items: [{
        html: 'Check the console. Panel 2.1 fires activate event desipte the panel 1 being active',
        xtype: 'panel',
        listeners: {
            activate: function (){
                console.log('1 active');
            }
        }
    },{
        xtype: 'panel',
        layout: 'card',
        items: [{
            xtype: 'panel',
            // items: [... fieldpanel, fields here]
            listeners: {
                activate: function (){
                    console.log('2.1 active');
                }
            }
        },{
            xtype: 'panel',
            listeners: {
                activate: function (){
                    console.log('2.2 active');
                }
            }
        }
        }],
        listeners: {
            activate: function (){
                console.log('2 active');
            }
        }
    }]
});

会立刻输出。
我想将面板2.1中的一个文本字段聚焦到激活状态，但事件被触发，甚至整个2.1面板的字段都还没有呈现，因为它是非活动面板2的子项。这是一个功能还是错误？我应该使用不同的方法吗？谢谢您的帮助。
Sencha 琴
https://fiddle.sencha.com/fiddle/39vc