Контекстное меню Extjs (щелчок правой кнопкой мыши) на кнопке

Question

Я хотел бы знать, как поместить контекстное меню Extjs (щелчок правой кнопкой мыши) на кнопку.

Я искал в Google, но все, что мне кажется, это как разместить его на TreePanel. Я попробовал аналогичный подход к TreePanel с кнопками, но безуспешно.

Answer 1

Контекстное меню - это просто плавающее меню, так что просто возьмите событие контекстного меню и покажите меню.Так как у кнопки нет контекстного меню, вы можете напрямую получить htmlelement (или обертку элемента) и прослушать событие contextmenu

пример:

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