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 !');
        		}
        	}
        ]





  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值