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' были заменяемыми. Но когда я пробую этот код, я получаю некоторые ошибки при изменении размера ...

Вопрос в том ... как правильно это сделать?

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