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

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

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

如代码中所示： 

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方法设置行双击事件 

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

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

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

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