在按钮上Extjs上下文菜单(右键单击)

Question

我想知道如何将Extjs上下文菜单(右键单击)放到按钮上.

我搜索了谷歌,但我似乎得到的是如何把它放到TreePanel上.我已经尝试了一种类似于TreePanel的方法,但没有运气.

Answer 1

上下文菜单只是浮动菜单,因此只需抓取上下文菜单事件并显示菜单即可.由于按钮没有上下文菜单,您可以直接获取htmlelement(或Element包装器)并监听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());
});