ExtJS的：事件性反应，以及其组件

Question

我有“自动滚屏：真正的”面板的面板容器的所有更改配置，它包含collapsiable字段集。我有一张图，根据这个面板的变化以及它的组件，我将重新绘制一张图。

我想要做的是caputre所有这些“变化”活动，以正确设置根据面板组件的位置图。

我认为有两种类型的事件我需要捕获：

1）面板滚动

这里我怎么能触发“afterscorll”事件whle面板滚动结束？我用：Ext.getCmp（“XX”）。body.on（afterScroll'，function（）{}）;但没有工作。

2）字段集展开/折叠

，也是我想知道是否有捕捉到这些变化无论从滚动或扩展字段集的/ collase在此面板统一的事件？那么我只需要调用它一次。

Answer 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 ... 
     } 
    } 
};