CODEWITHSUNDEEP
extjs
neolaser
neolaser

Reputation: 6907

Extjs context menu (right click) on a button

I would like to know how to put an Extjs Context Menu (Right Click) onto a button.

I have searched google but all I seem to get is how to put it onto a TreePanel. I have tried a similar approach to the TreePanel with buttons but with no luck.

Upvotes: 10

Views: 23926

Answers (1)

RageZ
RageZ

Reputation: 27313

The context menu is just floating menu, so just grab the context menu event and show the menu. Since the button doesn't have the contextmenu you can grab directly the htmlelement (or the Element wrapper) and listen to the contextmenu event

example: 

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());
});

Upvotes: 25

Related Questions