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