Comment implémenter fermer, fermer tout et fermer d'autres onglets fonctionnalités sur le clic droit de l'onglet-tab dans Extjs?

Question

Comment implémenter fermer, fermer tout et fermer d'autres onglets fonctionnalités sur le clic droit de l'onglet-tab dans Extjs?

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

} 

Answer 1

Voici un example fiddle en utilisant le plugin TabCloseMenu. En incluant le plugin dans votre tabpanel, les fonctions close, close all et close other apparaissent en faisant un clic droit sur l'en-tête de l'onglet.

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' 
    }], 

});