2011-05-09 18 views
0

我有「自動滾屏:真正的」面板的面板容器的所有更改配置,它包含collapsiable字段集。我有一張圖,根據這個面板的變化以及它的組件,我將重新繪製一張圖。ExtJS的:事件性反應,以及其組件

我想要做的是caputre所有這些「變化」活動,以正確設置根據面板組件的位置圖。

我認爲有兩種類型的事件我需要捕獲:

1)面板滾動

這裏我怎麼能觸發「afterscorll」事件whle面板滾動結束?我用:Ext.getCmp(「XX」)。body.on(afterScroll',function(){});但沒有工作。

2)字段集展開/摺疊

,也是我想知道是否有捕捉到這些變化無論從滾動或擴展字段集的/ collase在此面板統一的事件?那麼我只需要調用它一次。

回答

1

我不知道如果我得到你的權利;您可以將事件提交給父母。我正在做很多情況,比如現場的變化事件到表單。

編輯: 這是一個簡單的例子。只需鍵入並且未經測試。但它會告訴你這個竅門。

MappingDialog = function(){ 
    return { 
     init : function(){ 
     dialog = new Ext.Window({ 
      width:  200, 
      height: 150, 
      modal:  true, 
      closable: false, 
      bubbleEvents: ['saveMapping'], // <- Array with events 
      buttons: [{ 
       text:'Save', 
       handler:function(){ this.fireEvent('saveMapping'); } 
      }], 
      listeners: { 
       saveMapping : function() { // should not be called } 
      } 
     }); 

     this.addListener('saveMapping', this.saveData, this); // <- Attaching event to Parent (or hand through) 
     }, 
     saveData : function(){ // <- implement eventhandling 
     ... Save the data ... 
     } 
    } 
}; 
+0

任何的例子嗎?謝謝! – Simon 2011-05-11 03:02:21

+0

@Simon示例添加 – sra 2011-05-11 05:51:47