在按钮上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());
});