Menú contextual de Extjs (clic con el botón derecho) en un botón

Question

Me gustaría saber cómo poner un menú contextual de Extjs (clic derecho) en un botón.

He buscado en google pero todo lo que parece obtener es cómo ponerlo en un TreePanel. He intentado un enfoque similar al TreePanel con botones pero sin suerte.

Answer 1

El menú contextual es simplemente menú flotante, por lo que solo tiene que tomar el evento del menú contextual y mostrar el menú. Puesto que el botón no tiene el menú contextual se puede agarrar directamente el HTMLElement (o la envoltura Elemento) y escuchar al evento contextual

ejemplo:

contextMenu = new Ext.menu.Menu({ 
    items: [{ 
    text: 'Edit', 
    iconCls: 'edit', 
    handler: edit 
    }] 
}); 

Ext.getCmp('your-button').getEl().on('contextmenu', function(e) { 
    e.preventDefault(); 
    contextMenu.show(Ext.getCmp('your-button').getEl()); 
});