ExtJS 4，容器上的按键事件

Question

我正在使用 ExtJS 4.1 MVC，我需要在用户单击 Enter 按钮后执行一些操作。

我是这样做的：

Ext.getDoc().on('keypress', function(event, target) {
    me._enterKeyHandler(event, target, me);
});

但我想知道是否可以在容器中使用Ext.util.KeyMap。在 Sencha 文档中，我找到了一些东西并尝试了，但它对我不起作用。

var map = new Ext.util.KeyMap({
  // in target I tried: Ext.getCmp('myComponent'), "myComponent", myComponentVar
  target: "my-element",
  key: Ext.EventObject.ENTER,
  fn: function() {alert('enter')}
});

那么，如何使用 'document' 收听 keyPress 事件机器人？请帮帮我

Answer 1

Ext.util.KeyNav 为我工作。例如，在面板中：

afterRender: function () {
    this.callParent(arguments);

    this.keyNav = Ext.create('Ext.util.KeyNav', this.el, {
        enter: this.onSubmitButton,
        scope: this
    });
}

这会将“Enter”键绑定到面板中的 onSubmitButton 函数。