Ext Js動的にxtypeを変更する方法

Question

私は、中央パネルが以下のように定義されているボーダーレイアウトを持っています。

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

ボタンをクリックすると、プログラムを使用してグリッドを「gridB」に変更する必要があります。どのようにこれを行うことができます。

私は以下を試してみました。

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

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

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

これを達成する方法を教えてください。

おかげ Skのあなたは、これはそのように行われるべきであるlayoutとしてレイアウト命名したと仮定すると

Answer 1

：あなたはXTYPE動的に変更することはできません

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

注意、あなただけの.addを使用することができます方法。