ExtJS 4. Моя панель дерева не рендерится

Question

Панель моего дерева не отображается после удаления и добавления .

Это обработчик 'selection change' в моем grid panel:

selectionChange : function(selmodel, selection, eOpts) {
    var selected = selection.length > 0;
    if (selected) {
        var view = Ext.getCmp('viewportCenterId');
        view.removeAll();
        if (selection[0].get('id') == '1') {
            view.add({
                xtype:'publicationTree'
            });
        } else if (selection[0].get('id') == '0') {
            view.add({
                xtype: 'userinfoform'
            });
        }
    }
}

publicationTree - это мой tree panel, , и после него он не рендерился .

Когда область, в которую я хочу поместить это tree panel, загружается в первый раз, этот код работает .(Я поместил код в панель дерева с помощью xtype).

{
    region: 'center',
    id: 'viewportCenterId',
    collapsible: false,
    width: '60%',
    border: true,
    items:{
        xtype:'publicationTree',
        width: '100%',
        height: '100%'
    }
}

Answer 1

1. Попробуйте указать макет вместо ширины и высоты:

{
    region: 'center',
    id: 'viewportCenterId',
    layout: 'fit',
    collapsible: false,
    width: '60%',
    border: true,
    items:{
        xtype:'publicationTree'
    }
}

2. Попробуйте вручную вызвать view.doLayout () после добавления, если проблема все еще здесь.