ExtJS中的菜单项内的上下文菜单

Question

我有一个包含TreePanel的菜单。用户需要能够使用上下文菜单与TreePanel的节点进行交互。我从附加到TreePanel的contextmenu事件的函数中显示上下文菜单。

这工作除外：

1. 没有allowOtherMenus: true，示出了上下文菜单使主菜单，因此TreePanel中，消失;
2. 在任一菜单上都有allowOtherMenus: true，当用户单击TreePanel的空白区域时，上下文菜单不会消失。

我正在寻找一种方法来使上下文菜单工作，就好像TreePanel不是菜单中的项目一样。

样机：

Answer 1

我发现这似乎在FF3/IE8/Chrome浏览器，虽然它可以有一个没有显示出了没有副作用。

var hide_context_menu = function() { context_menu.hide() }; 

var context_menu = new Ext.menu.Menu({ 
    allowOtherMenus: true, 
    items: [...], 
    listeners: { 
     show: function() { 
      Ext.getDoc().on('mouseup', hide_context_menu); 
     }, 
     hide: function() { 
      Ext.getDoc().un('mouseup', hide_context_menu); 
     } 
    } 
}); 

allowOtherMenus: true防止由MenuMgr主菜单的遮盖时的上下文菜单弹出。将处理程序隐藏到mouseup事件允许处理点击事件。