ExtJS 4，容器上的按键事件 [英] ExtJS 4, keypress event on container

问题描述

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

我这样做：

  Ext.getDoc（）。on（'keypress'，function（event，target）{
 me._enterKeyHandler（event，target，me ）; 
}）; 
  

但是我想知道我是否可以使用 Ext.util.KeyMap 在Container中。在Sencha文档中，我发现了一些东西，并尝试过，但对我来说并不奏效。

  var map = new Ext.util。 KeyMap（{
 // in target I try：Ext.getCmp（'myComponent'），myComponent，myComponentVar 
 target：my-element，
 key：Ext.EventObject。 ENTER，
 fn：function（）{alert（'enter'）} 
}）; 
  

那么，如何使用'document'来监听keyPress事件bot？帮助我，请

解决方案

Ext.util.KeyNav适用于我。例如，在面板中：

  afterRender：function（）{
 this.callParent（arguments）; 
 
 this.keyNav = Ext.create（'Ext.util.KeyNav'，this.el，{
 enter：this.onSubmitButton，
 scope：this 
 }）; 
} 
  

将Enter键绑定到面板中的onSubmitButton函数。 / p>

I'm using ExtJS 4.1 MVC and I need to perform some actions after user click Enter button.

I did it this way:

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

But I wonder if somehow I can use Ext.util.KeyMap in Container. In Sencha docs I found something and tried, but it didn't work for me.

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')}
});

So, how how can I listen to keyPress event bot using 'document' ? Help me, please

解决方案

Ext.util.KeyNav works for me. For example, in a panel:

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

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

This binds the "Enter" key to the onSubmitButton function in the panel.

这篇关于ExtJS 4，容器上的按键事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！