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

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

在定义组件的配置时设置

如代码中所示： 

Java代码 

xtype : 'textarea',  

name : 'dataSetField',  

labelSeparator:'',  

fieldLabel:'',  

hideLabel: true,  

allowBlank: true,  

height: mainPanelHeight*0.8,  

anchor:'99%',  

listeners:{'blur':function(){  

   alert(1);  

}}  

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

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

Java代码 

gridPanel.on('rowdblclick',function(gridPanel,_rowIndex,e){  

  alert(2);  

}  

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

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

Java代码 

gridPanel.addListener('rowclick',function(){  

 alert(3)}  

);