ExtJS的可更換項目

Question

我想創建這樣

Ext.onReady(function() { 

    Ext.QuickTips.init(); 

    Ext.create('Ext.Viewport', { 
     layout: 'fit', 
     id: 'cmpWithReplacebleItems' 
    }); 

    Ext.getCmp('cmpWithReplacebleItems').items = [new SomeComponent()]; 
}); 

SomeComponent

SomeComponent = Ext.extend(Ext.Viewport, { 
    layout: 'fit', 
    items: [{ 
      xtype: 'panel', 
      html: 'test', 
      title: 'My Panel' 
     }] 
}); 

的代碼的東西你可以看到，我想 'cmpWithReplacebleItems' 項目是replaceble。但是，當我嘗試此代碼時，我調整大小時出現一些錯誤...

問題是..什麼是正確的方法來做到這一點？

Answer 1

構建組件後，不能直接修改這些項目。您想要使用Ext.Container方法add，remove或removeAll修改項目。

Ext.onReady(function() { 

    Ext.QuickTips.init(); 

    Ext.create('Ext.Viewport', { 
     layout: 'fit', 
     id: 'cmpWithReplacebleItems' 
    }); 

    var cmp = Ext.getCmp('cmpWithReplacebleItems'); 
    cmp.add(new SomeComponent()); 
    cmp.doLayout(); //important to layout again after adding/removing 
});