extjs : 패널 컨테이너 및 해당 구성 요소의 모든 변경 사항에 응답하는 이벤트

Question

패널에 "autoscroll : true"구성이 있고 접을 수있는 필드 세트가 있습니다. 이 패널의 변경 사항과 해당 구성 요소를 기반으로 다시 그려지는 그래프가 있습니다.

패널 구성 요소의 위치에 따라 그래프를 올바르게 설정하려면 이러한 모든 "변경"이벤트를 처리해야합니다. 어떻게이 "afterscorll"이벤트 3.6 버전 2 애드온 소프트웨어 릴리스 패널 스크롤 끝이 트리거 할 수 있습니다

1) 패널 스크롤

여기 :

나는 두 가지 유형의 이벤트 내가 캡처 할 필요가 있다고 생각? 나는 사용했다 : Ext.getCmp ("XX"). body.on (afterScroll ', function() {}); 그러나 doesnt 일.

2) 붕괴/

을 확장 FIELDSET 또한 나는이 패널의 필드 셋의/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 ... 
     } 
    } 
};