Ext Js 添加 按钮 监听事件
单一控件的 监听 ：
{
columnWidth : .20,
layout : 'form',
labelWidth : 80,
labelAlign : "right",
items : [{
xtype : 'textfield',
fieldLabel : L_itemMxCode,
// fieldLabel : '子项目编号',
name : 'itemMxCode',
anchor : '95%'
,enableKeyEvents:true
,listeners : {
keyup:function(textField, e){
if(e.getKey() == 13){
alert("这是键盘测试的列子，你按下了回车键");
}
},
specialkey: function(f,e){
if (e.getKey() == Ext.EventObject.ENTER) {
alert('enenen!!~~')
}
}
}
},如果是监听 整个 form 的监听 ：
var searchForm = new Ext.FormPanel({
labelWidth : 50,
frame : true,
title : L_search_term,
// title : '搜索条件',
bodyStyle : 'padding:5px 5px 0',
width : '100%',
height : 160,
margins : '5 5 0',
region : 'north',
split : true,
collapsible : true,
defaults : {
border : false
},
items : [{
layout : 'column',
items : [{
columnWidth : .18,
layout : 'form',
labelWidth : 60,
labelAlign : "right",
items : [{
xtype : 'datefield',
fieldLabel : L_produceSampleBegintime,
// fieldLabel : '开始日期',
name : 'produceSampleBegindate',
format : 'Y-m-d',
anchor : '95%'
}, {
xtype : 'datefield',
fieldLabel : L_produceSampleEndtime,
//fieldLabel : '截止日期',
name : 'produceSampleEnddate',
format : 'Y-m-d',
anchor : '95%'
}, new Ext.form.ComboBox({
id : 'produceExpFl',
fieldLabel :L_export_state,
// fieldLabel : '导出状态',
triggerAction : 'all',
store : isExp,
displayField : 'produceExpFl',
mode : 'local',
handleHeight : 10,
anchor : '95%'
})]
}, {
columnWidth : .20,
layout : 'form',
labelWidth : 80,
labelAlign : "right",
items : [{
xtype : 'textfield',
fieldLabel :L_sampleSerialNumber,
// fieldLabel : '样品编号',
name : 'sampleSerialNumber',
anchor : '95%'
}, {
xtype : 'textfield',
fieldLabel : L_produceMxDes,
// fieldLabel : '样品名称',
name : 'produceMxDes',
anchor : '95%'
}, {
xtype : 'textfield',
fieldLabel : L_produceName,
// fieldLabel : '任务单名',
name : 'produceName',
anchor : '95%'
}]
}
}]
,buttons: [{
text: L_search,
handler: function(){
var forms = searchForm.getForm();
}
}]
,keys : [
{ //整个form 的 控件 全部 添加 shift + enter 组合按键 监听
key : Ext.EventObject.ENTER ,
fn : function(){
alert('just test form listeners !');
}
,shift : true
},
{ //整个form 的控件 全部添加 ctrl + enter 组合键 监听
key : [10 , 13 ],
fn : function(){
alert('just test form listeners zu he !');
}
}
]