extjs - 在 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 中附加的点击事件没有被注册。我错过了什么吗？我正在使用ExtJS 4.2.1