Ext FormPanel监听键盘按钮事件

Ext FormPanel监听键盘按钮事件

 

1、设置formPanel的keys属性，以绑定键盘按钮事件。

 

var formLogin = new Ext.form.FormPanel ({ frame : true, baseCls : _bgImg, labelAlign : "right", bodyStyle : "padding:21px 5px", items : [ { name : "name", fieldLabel : "<font color='#33FF00'>用户名</font><font color='red'>*</font>", xtype : "textfield", cls : _userImg, maxLength : 8, maxLengthText : '长度不能超过8个字符', allowBlank : false, blankText : _blankText_name }, { name : "password", fieldLabel : "<font color='#33FF00'>密码</font><font color='red'>*</font>", xtype : "textfield", inputType : "password", cls : _passwordImg, maxLength : 16, maxLengthText : '长度不能超过16个字符', allowBlank : false, blankText : _blankText_password } ], buttons:[{ text:'确定', handler:onOK }, { text:'重置', handler:function(){ formLogin.getForm().reset(); } }], keys:[{ //处理键盘回车事件 key:Ext.EventObject.ENTER, fn:onOK, scope:this }] });

 

2、通过KeyMap，给当前页面绑定键盘按钮事件。

var key = new Ext.KeyMap(document, { key: 13, // Enter //shift: true, //ctrl: true, fn: function() { if(formLogin.getForm().isValid()) { proc_login(_callMq,_debugData) } }, scope: this });