사용자가 버튼을 클릭 할 때 탭 패널 열기

Question

나는 Window을 가지고 있고 버튼을 클릭하면 열 수 있습니다 (pop up). 여기 내 코드가 잘 작동합니다.

var w= Ext.widget('mywindow'); 
w.show(); 

지금, 나는 사용자가 내가 (안 팝업로, 그러나)를 열 필요가 버튼을 클릭 할 tab bar panel을 보유하고 있습니다. 전체 화면을 차지해야합니다 (이전보기를 바꾸십시오). 어떻게해야합니까?

내 탭 패널

Ext.define('App.view.TabPanelClass', { 
    extend: 'Ext.tab.Panel', 
    alias: 'widget.persontabpanel', 
    ..... 

UPDATE

launch: function() { 

     Ext.create('Ext.container.Viewport', { 
      layout: 'card', 
      items: [ 
      { 
       xtype: 'panel', 
       items: { xtype: 'firstPanel' } 

      },.... 

Answer 1

당신은 또 다른 하나의 뷰를 대체 할 카드 레이아웃을 사용할 수 있습니다

의 정의. 또는 최대화 된 창을 만들 수 있습니다 : true config.

Answer 2

정상적인 방법은 tabpanel을 뷰포트 안에 넣고 다른 뷰를 덮도록 layout: 'card' 구성을 지정하는 것입니다. 뷰포트에있는 유일한 뷰인 경우 layout: 'fit' 구성이 더 잘 작동합니다. Windows는 ExtJS 뷰포트의 하위 항목이 아니므로 창과 탭 패널은 뷰포트의 항목 중 하나입니다.

뷰포트는 크기가 조정되는 경우에도 브라우저 창 크기와 일치하도록 크기가 유지됩니다. 뷰포트 here의 문서를 참조하십시오.