在按钮上的Extjs上下文菜单（右键单击）

Question

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

我搜索谷歌，但我似乎得到的是如何把它放到一个TreePanel。我尝试了类似的方法到TreePanel的按钮，但没有运气。

Answer 1

上下文菜单只是浮动菜单，所以只需抓取上下文菜单事件并显示菜单。由于按键并没有可以直接抓取HTML元素的文本菜单（或元素包装），并听取了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()); 
});