将事件附加到initComponent中的Ext.component.Component

Question

我有以下代码。

Ext.define(foo.MyComponent, {
   extend: 'Ext.Component',
   tpl: new XTemplte({'blah blah'}),
   data: {},
   initComponent: function(){
       this.callParent(arguments);
       this.on('click', function () {alert(1)});
   }
});

这是正确渲染。但是我在initComponent中附加的click事件没有被注册。我错过了什么吗？我正在使用 ExtJS 4.2.1