ExtJS6：タブパネルの項目に閉じるアイコンを追加するには

Question

私は、メインパネルとしてタブパネルを持っていて、それをクリックすると項目として動的にパネルを貼り付けます。しかし、私のタブは子アイテムに割り当てられたタイトルしか持っていません。クリックするとタイトルとクローズタブの隣にクローズボタンを追加するにはどうすればいいですか？

Answer 1

クローズするアイテムにはclosabe : trueの設定を入れる必要があります。

ここにコード例を示します。

Ext.tip.QuickTipManager.init(); 
Ext.create('Ext.tab.Panel', { 
width: 400, 
height: 400, 
renderTo: document.body, 
items: [{ 
    title: 'Foo', 
    closable : true 
}, { 
    title: 'Bar', 
    closable : true, 
    tabConfig: { 
     title: 'Custom Title', 
     tooltip: 'A button tooltip' 
    } 
}] 
});