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)}
 );