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을 사용할 수 있습니다 방법.