extjs组件添加事件监听的三种方式

extjs对组件添加监听的三种方式 

• 在定义组件的配置时设置

如代码中所示： 

Java代码 

1. xtype : 'textarea',  
2. name : 'dataSetField',  
3. labelSeparator:'',  
4. fieldLabel:'',  
5. hideLabel: true,  
6. allowBlank: true,  
7. height: mainPanelHeight*0.8,  
8. anchor:'99%',  
9. listeners:{'blur':function(){  
10.    alert(1);  
11. }}  

• 对组件变量通过on方法设置

假设有个类型为GridPanel的变量gridPanel，则通过on方法设置行双击事件 

Java代码 

1. gridPanel.on('rowdblclick',function(gridPanel,_rowIndex,e){  
2.   alert(2);  
3. }  

• 通过组件变量方法addListener()设置

如 上述的gridPanel变量，添加行单击事件如下 

Java代码 

1. gridPanel.addListener('rowclick',function(){  
2.  alert(3)}  
3. );