Ext Js как динамически менять xtype

Question

У меня есть макет границы, центральная панель которого определена ниже.

 { 
     region:'center', 
     id:'Center', 
     layout:'fit', 
     xtype:'gridA' 
    } 

Но при нажатии какой-либо кнопки мне нужно программно изменить сетку на «gridB» через javascript. Как это может быть сделано.

Я пробовал следующее без успеха.

1) Ext.getCmp('Center').xtype = 'gridB'; 

2) Ext.getCmp('Center').setxtype('gridB'); 

3) Ext.getCmp('Center').items.add({xtype:'gridB'}); 

Просьба предложить мне способ, которым это может быть достигнуто.

Благодаря Sk

Answer 1

Предположив вы назвали макет в layout это должно быть сделано так:

layout.getComponent('Center').add({xtype:'gridB'});

Обратите внимание, что вы не можете изменить xtype динамически, вы можете использовать только .add метод.