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