Extjsコンテキストメニュー（右クリック）

Question

Extjsコンテキストメニュー（右クリック）をボタンに配置する方法を知りたいと思います。

私はグーグルを検索しましたが、私はそれをTreePanelに配置する方法しか考えていません。私は、TreePanelにボタンを使って同様のアプローチを試みましたが、運はありませんでした。

Answer 1

コンテキストメニューはフローティングメニューなので、コンテキストメニューイベントを取得してメニューを表示するだけです。ボタンはコンテキストメニューを持っていないので、あなたは直接のHTMLElement（または要素ラッパー）を取得し、コンテキストメニューのイベントに

例を聞くことができます。

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