extjs 绑定键盘事件。

1》var siteName = new Ext.form.Field({
id: 'siteName1',//表单元素最好使用Id，不然在IE浏览器中表单内容将变形
fieldLabel: '网站名称',
listeners : {
specialkey : function(field, e) {
if (e.getKey() == Ext.EventObject.ENTER) {
alert("终于可以回车提交了");
...
}
}
}
});


2》 xtype : 'textfield',
fieldLabel : '搜索',
id : "sarchdeptName",
value : '1101',
anchor : '100%',
listeners : {
'render' : function(input) {
new Ext.KeyMap(input.getEl(), [{
key : 13,
fn : SysDeptView.searchDept,
scope : this
}]);
}
}
}

SysDeptView.searchDept方法如下:

SysDeptView.searchDept = function() {


3》

Ext.onReady(function(){

Ext.create('Ext.form.Panel', {
title: 'Simple Form',
bodyPadding: 5,
width: 350,

// Fields will be arranged vertically, stretched to full width
layout: 'anchor',
defaults: {
anchor: '100%'
},

// The fields
defaultType: 'textfield',
items: [{
fieldLabel: 'First Name',
name: 'first',
allowBlank: false,
listeners : {
specialkey : function(field, e) {
if (e.getKey() == Ext.EventObject.ENTER) {
alert("回车事件");
}
}
}
},{
fieldLabel: 'Last Name',
name: 'last',
allowBlank: false
}],

// Reset and Submit buttons
buttons: [{
text: 'Reset',
handler: function() {
this.up('form').getForm().reset();
}
}, {
text: 'Submit',
handler: function() {
var form = this.up('form').getForm();
if (form.isValid()) {
form.submit({
success: function(form, action) {
Ext.Msg.alert('Success', action.result.msg);
},
failure: function(form, action) {
Ext.Msg.alert('Failed', action.result.msg);
}
});
}
},
listeners : {
'render' : function(input) {
new Ext.KeyMap(input.getEl(), [{
key : 13,
fn : function(){ alert("123" )},
scope : this
}]);
}
}
}],
[b] renderTo: Ext.getBody(),
listeners : {
'render' : function(input) {
new Ext.KeyMap(input.getEl(), [{
key : 13,
fn : function(){ alert("12www3" )},
scope : this
}]);
}
}
[/b]
});

});