顯示控制器中的上下文菜單

Question

我有兩個views - 一個用於樹面板，一個用於上下文菜單（定義爲FilesEditor.view.FilesEditorContextMenu）。我有一個controller，其中它收聽itemcontextmenu事件。我不知道我應該如何創建（在哪個階段？）以及如何顯示我的FilesEditorContextMenu。聽者的部分看起來像這樣：

itemcontextmenu:function(view, rec, item, index, event){ 
    event.stopEvent(); 
    ... What should I do next? How should I instantiate and show a context menu 
} 

編輯

我調查這個example它具有類似的功能我想要什麼的代碼，但問題是 - 我無法找到執行getContextMenu() - 這是問題最重要的。

Answer 1

這是一個示例代碼來打開上下文菜單（這會給你一些想法）：

itemcontextmenu: function(view, record, item, index, e, eOpts) { 
     var position = e.getXY(), 
      menu = Ext.create('FilesEditor.view.FilesEditorContextMenu', { 
      id: 'myMenu', 
      items: [{ 
       text: 'Some Menu Item', 
       handler: function() { 
        // do your stuff 
       } 
      }], 
      listeners: { 
       mouseleave: function() { 
        // close menu 
        menu.close();// check documentation https://docs.sencha.com/extjs/5.1/5.1.0-apidocs/#!/api/Ext.menu.Menu-method-close 
       } 
      } 
     }); 
     e.stopEvent(); // prevent the browser default context menu 
     menu.refView = view; // passing the view reference to the menu so that we can get a handle of the grid inside the menu item handler 
     menu.showAt(position); 
    }