简单的按键不会触发任何监听器

Question

一个简单的煎茶新手问题，让我困惑了一段时间。我正在尝试在按键上触发事件。我希望将事件绑定在 TextField 上。我创建了一个小提琴

http://jsfiddle.net/CjyFt/1/

initComponent: function() {
    this.on('click', function() {
        console.log('Clicked'); // doesn't fire either
    });        
}

如果担心的话，我已经分别尝试过它们......

...        
enableKeyEvents: true,
listeners : {
    scope: this,
    'keypress' : function(textfield, e) {
        console.log('lovely'); // doesn't fire
    }
}
...

我已经尝试将侦听器放置在每个父类中，并且我尝试绑定不同的事件而没有任何一个起作用，有人可以看看它是否很明显吗？

Answer 1

keypress 事件（以及相关的配置选项enableKeyEvents）在Ext.form.field.Text 中定义，但是您正在从Ext.form.field.Base 扩展您的类Ext.form.CustomField，这是Ext.form.field.Text 的父类因此没有这个事件（见class hierarchy）。

我已经更新了你的小提琴，它工作正常：http://jsfiddle.net/CjyFt/2/

我刚刚改了这个：

Ext.define('Ext.form.CustomField', {
    extend: 'Ext.form.field.Text', // instead of Ext.form.field.Base
...

按钮上的点击事件已经为我工作了，所以我认为这没有问题。