Почему мои ключевые события не работают

Question

Почему мои ключевые события не работают в следующем примере? Событие «размытие» работает, но ни одно из ключевых событий не работает в моем текстовом поле (я также пробовал «keydown»).

Я также попытался использовать конструкцию «control» на контроллере, но это тоже не сработает.

Ext.define('Plus.view.MyController', { 
    extend: 'Ext.app.ViewController', 

    alias: 'controller.mycontroller', 
    control: { 
     '#mytextfield': { 
      blur: function() { 
       alert("oink") 
      }, 
      keypress: function() { 
       alert("moo") 
      }, 
      keyup: function() { 
       alert("quack") 
      } 
     } 
    } 
}); 

Ext.define('Plus.view.MainView', { 
    extend: 'Ext.container.Container', 

    items: [{ 
     xtype: 'textfield', 
     id: 'mytextfield', 
     controller: 'mycontroller', 
     listeners: { 
      blur: function() { 
       alert("oink 2") 
      }, 
      keypress : function() { 
       alert("moo 2") 
      }, 
      keyup : function() { 
       alert("quack 2") 
      } 
     } 
    }] 
}); 

Ext.application({ 
    name: 'Plus', 
    autoCreateViewport: 'MainView', 
    launch: function() { 

    } 
}); 

Моя скрипка здесь:

https://fiddle.sencha.com/#fiddle/1d5d

Я пропускаю что-то очевидное?

Answer 1

keypress и keyup Эти события срабатывают только в том случае, если для параметра enableKeyEvents установлено значение true. Установите это, и ваш код будет работать. Я создал fidller для вас, где работает код. Fiddle