ExtJS 4，容器上的按键事件

Question

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

我是这样做的：

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

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

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函数。