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

Question

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

我已经搜索过谷歌，但我似乎得到的只是如何将它放到 TreePanel 上。我已经尝试了一种与带有按钮的 TreePanel 类似的方法，但没有运气。

Answer 1

上下文菜单只是 float 菜单，因此只需抓取上下文菜单事件并显示菜单。由于按钮没有上下文菜单，您可以直接获取 htmlelement(或 Element 包装器)并收听上下文菜单事件

例子:

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