Question

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

我是这样做的：

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

但我想知道我是否可以在Container中使用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函数。

ExtJS 4，容器上的按键事件

1 个答案: