如何在extjs中创建快捷键

Question

我编写此代码以在 Enter 上提交

 {
    fieldLabel : 'Password',
    name : 'j_password',
    inputType : 'password',
    allowBlank : false,
    listeners : {
        'render' : function(cmp) {
                 cmp.getEl().on('keypress', function(e) {
                      if (e.getKey() == e.ENTER) {
                          submitform();
                      }
                 });
         }
     }
   }

像Save(Ctrl + S),Paste(Ctrl +P),打开(Ctrl + O),Exit(Ctrl +X)这样的快捷键需要做哪些修改？

Answer 1

您需要编写适当的处理程序来使用 KeyMap 完成这项工作。 ext 4代码sn-p可能如下-

Ext.onReady(function () {
    var map = new Ext.util.KeyMap(document,{                
            key: [VALUES-ASCII], // this works,
            fn: function(){ alert('key was pressed.!'); }
        }
    );
});

This may Help

Answer 2

我认为，您将通过此代码解决您的问题

我给了很多方法。

您从绑定中选择一个合适的：[{}]

                scope     :  this,
                listeners : {                       
                    afterrender: function(window, options) {
                        this.keyNav = new Ext.util.KeyMap({
                            target: window.el,
                            binding: [{
                                key: [10,13],
                                fn: function(){
                                    alert("Return was pressed");
                                }
                            }, {
                                key: "abc",
                                fn: function(){                                    
                                    alert('a, b or c was pressed');
                                }
                            }, {
                                key: "\t",
                                ctrl:true,
                                fn: function(){
                                     submitform();//'Control + tab was pressed
                                }
                            }, {
                                key: "m",
                                ctrl:true,
                                fn: function(){
                                     submitform();//'Control + m was pressed
                                }
                            }],
                            scope: this
                        }); 
                    }
                }