是否有類似於initComponent的Ext.create方法？

Question

我想做一些初始化，當我使用Ext.create（「....」）。該對象很簡單，很小，我不想定義它，但是它需要一些來自mixin的方法（在創建組件之前調用）...我該怎麼做？

Answer 1

標準的實例覆蓋

---

• 通常情況下，我們會使用Ext.override()Ext.create()後覆蓋適用於一個特定實例類（見docs）：

  var myObj = Ext.create('Ext.some.Component', { 
      ... 
  }); 
  
  Ext.override(myObj, { 
      myMethod: function() { 
       // Do something. 
       this.callParent(arguments); // From Ext.some.Component class. 
       // Do something else. 
      } 
  }); 
  

• 個

  this.callParent(arguments)工作正常只用於創建

  • 明確通過Ext.override()，或通過Ext.define()
    
    

隱含覆蓋

特例：首要initComponent

---

• 由於initComponent方法中被稱爲的Ext.create()執行，我們必須在Ext.create覆蓋它。爲了訪問原來的方法，我們必須使用一個變通訪問被覆蓋的方法：

  var myObj = Ext.create('Ext.some.Component', { 
      initComponent: function() { 
       // Do something. 
  
       // Get a reference to the class. 
       var myClass = Ext.getClass(this); 
  
       // Apply the overridden method from the class' prototype. 
       myClass.prototype.initComponent.apply(this, arguments); 
  
       // Do something else. 
      } 
  }); 
  

Answer 2

這聽起來像你正在做的線沿線的東西：

Ext.create('Ext.panel.Panel', { 
    prop1: value1, 
    prop2: value2 
}); 

如果是那樣的話，你應該能夠添加一個名爲initComponent屬性，它是一個函數，你想要做什麼。只記得打電話給原來的initComponent所以一切都得到正確構建：

Ext.create('Ext.panel.Panel', { 
    prop1: value1, 
    prop2: value2, 
    initComponent: function() { 
     this.doSomething(); 
     Ext.panel.Panel.prototype.initComponent.apply(this, arguments); 
    } 
});