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