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("回车事件");
}
&