Extjのタブヘッダーを右クリックして、閉じる、すべてを閉じ、他のタブを閉じる方法は？

Question

Extjsのタブヘッダーを右クリックして、閉じる、すべてを閉じて他のタブを閉じる方法は？ここで

{ 
    xtype: 'tabpanel', 
    region: 'center', 
    reference: 'tabPanelRef', 
    items: [{ 
     tab-1 
    },{ 
     tab-2 
    },{ 
     tab-3 
    }], 

} 

Answer 1

はTabCloseMenuプラグインを使用してexample fiddleです。 tabpanelにプラグインを含めると、タブヘッダーを右クリックすると、close,close allおよびclose otherの機能が表示されます。

Ext.define('ExampleTabs', { 
    extend: 'Ext.tab.Panel', 
    xtype: 'reorderable-tabs', 

    requires: [ 
     'Ext.ux.TabCloseMenu', 
     'Ext.ux.TabReorderer' 
    ], 

    plugins: [ 
     'tabreorderer', 
     'tabclosemenu' 
    ], 

    defaults: { 
     closable: true 
    }, 

    items: [{ 
     title: 'Tab 0 - fixed', 
     html: "Cannot reorder or close this", 
     reorderable: false, 
     closable: false 

    }, { 
     title: 'Tab 1', 
     html: 'Tab 1' 
    }, { 
     title: 'Tab 2', 
     html: 'Tab 2' 
    }, { 
     title: 'Tab 3', 
     html: 'Tab 3' 
    }, { 
     title: 'Tab 4', 
     html: 'Tab 4' 
    }], 

});