extjs對元件新增監聽的常用三種方式 

(1)在定義元件的配置時設定

xtype  : 'textarea',  
name : 'test',  
labelSeparator:'',  
fieldLabel:'',  
hideLabel: true,  
allowBlank: true,  
height: mainPanelHeight*0.8,  
 
listeners:{
    'change':function(){  
        alert('change');  
    }
}  

          這種寫法就是定義元件的時候就給元件綁上了監聽,寫在元件裡\

          基本寫法為:  listeners｛'事件',function(){處理方法}｝;

          監聽會在元件進行相應的事件時觸發,例如本例中的change事件,每個元件所有擁有的觸發事件都是不一樣的,常見的有focus,blur,change,beforequery等.

(2)對元件變數通過on方法設定

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

(3)通過元件變數方法addListener()設定

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

        事件監聽是為定義物件的一個事件配置了個監聽器,其實就是為事件註冊了一個函式,實現方法就是上述三種方法.當這個事件被觸發時,extjs會自動呼叫相應的註冊函式.

       自定義的物件(例如A)需要先定義事件,(如用addEvent(E)),然後再為定義好的事件新增監聽(this.A.on("E",functionE1))

       而使用Ext自帶的元件物件,則需要選擇元件自身支援的事件來新增監聽.