Extjs：覆蓋特定聽衆

Question

我有一個窗口組件，我正在擴展以創建不同的窗口。現在，close()和hide()偵聽器函數在主板上是相同的，但afterrender()隨每個實例而變化。

所以我有這樣的：

Ext.define('abc.xyz.BaseWindow', { 
    extend : "Ext.Window", 
    listeners: { 
     hide: function(el, eOpts){ 
      console.log('hide'); 
     }, 
     close: function(el, eOpts){ 
      console.log('close'); 
     } 
    } 
}); 

和：

Ext.define('abc.xyz.MyWindow', { 
     extend : "abc.xyz.BaseWindow", 
     listeners: { 
      afterrender: function(el, eOpts){ 
       console.log('afterrender'); 
      } 
     } 
    }); 

然而，整個listeners對象無效，hide()和close()永遠不會被調用。除了在每個擴展窗口中指定hide()和close()之外，是否有解決此問題的方法？

Answer 1

您可以在窗口中定義的功能，打電話給他們，在這樣的窗口覆蓋它們：

Ext.define('abc.xyz.BaseWindow', { 
    extend : "Ext.Window", 
    onHide: function(){ 
     console.log('hide'); 
    }, 
    onShow: function(el, eOpts){ 
     console.log('close'); 
    }, 
    onAfterRender: function(el, eOpts){ 
     console.log('first after render'); 
    }, 

    initComponent: function() { 
     var me = this; 

     Ext.applyIf(me, { 
      listeners: { 
       hide: me.onHide, 
       show: me.onShow 
       afterrender: me.onAfterRender 
      } 
     }); 

     me.callParent(arguments); 
    } 
}); 

和：

Ext.define('abc.xyz.MyWindow', { 
    extend : "abc.xyz.BaseWindow", 
    onAfterRender: function(el, eOpts){ 
     console.log('second after render'); 
    } 
}); 

或者，如果你沒有在一個AfterRender你只需添加一個監聽器的基類，就像Evan Trimboli sais

Ext.define('abc.xyz.MyWindow', { 
    extend : "abc.xyz.BaseWindow", 
    initComponent: function() { 
     var me = this; 
     me.callParent(arguments); 

     me.on('afterrender', function(el, eOpts){ 
      console.log('second after render'); 
     }); 
    } 
});