extjs：响应面板容器及其组件的所有更改的事件

Question

我有一个带有“autoscroll:true”配置的面板，它包含可折叠的字段集。我有一个图表，将根据该面板及其组件的变化重新绘制。

我想要做的是捕获所有这些“更改”事件，以便根据面板组件的位置正确设置图表。

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

1）面板滚动

这里如何在面板滚动结束时触发“afterscorll”事件？我用的是：Ext.getCmp("XX").body.on(afterScroll',function(){});但不起作用。

2）字段集展开/折叠

，我还想知道是否有一个统一的事件来捕获这些变化，无论是滚动还是从该面板中字段集的展开/折叠？那么我只需要调用它一次。

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