Extjs tabpanelの動的に作成されたタブにxtypeを追加する方法

Question

7つのタブを持ち、条件に基づいてタブをアクティブにしてバインドデータ（xtype）を動的にバインドするExtJSタブパネルを作成しました。

xtypeを動的にタブに追加する方法を知りたいと思います。以下はタブパネルコードです。

var empTabPanel= new Ext.tab.Panel({ 
      id: 'emptabpanel', 
      width: '100%', 
      xtype: 'container', 
      layout: 'hbox', 
      items: [{ 
        title: 'Personal Details', 
        border: 0, 
        id: 'PERSONAL_DETAILS' 
       },{ 
        title: 'Department Details', 
        border: 0, 
        id: 'DEP_DETAILS' 
       },{ 
        title: 'Leave Details', 
        border: 0, 
        id: 'LEAVE_DETAILS' 
       }] 
     }); 

私はDepartment Detailsにxtypeを追加したいと考えています。

Answer 1

したがって、新しいアイテムを部門タブに追加する場合は、任意のパネルまたはコンテナに追加するだけで簡単に追加できます。

Ext.getCmp（ 'DEP_DETAILS'）。（{xtype： 'label'、text： 'Hi'}）;

しかし、既存のアイテムのxtypeは変更できません。ただし、追加/削除することはできます。

Answer 2

実行時にxtypeを変更できないため、xtypeをバインドすることはできません。コンポーネントが特定のxtypeで作成されると、それ以上変更することはできません。

可能なxtypeごとに1つずつ複数のタブを作成し、必要に応じてタブを表示/非表示にするか、実行時にExt.createを使用してタブを作成/削除します。