dijit/Dojo Контекстное меню Не показывает SubMenu

Question

Так что в основном im a newb, когда дело доходит до dojo только на второй день, работая с ним, но ive попробовал все и не мог заставить это подменю работать, в основном у меня есть контекстное меню для моя голова столбца dgrid, которая отлично работает, кроме того, что подменю не отображается, а вторая проблема, с которой я столкнулся, - это контекстное меню, которое не открывается с помощью мыши, а в нижней части веб-страницы или приложения, у любого органа есть идеи?

here is a live version of the application

var activeMenuItem; 

grid.on('.dgrid-column-goals:contextmenu', function(evt) {  
    evt.preventDefault(); 

}); 
require([ 
"dijit/Menu", 
"dijit/MenuItem", 
"dijit/CheckedMenuItem", 
"dijit/MenuSeparator", 
"dijit/PopupMenuItem", 
"dojo/domReady!" 

], функция (меню, MenuItem, CheckedMenuItem, MenuSeparator, PopupMenuItem) {

var menu = new Menu({ 
    targetNodeIds: [grid.domNode], 
    selector: ".dgrid-column-goals" 
}); 
menu.addChild(new MenuItem({ 
    label: "Hide Column", 
    onClick: function() {grid.styleColumn("goals", "display: none;");} } 
)); 

var submenu = new Menu({ 

    label: "Alignment" 

}); 

submenu.addChild(new MenuItem({ 
    label: "Alignment-Right", 
    onClick: function() {grid.styleColumn("number", "text-align:right");} } 
)); 

});

Answer 1

исправлено, добавив следующую css incase, у кого есть такая же проблема.

.dijitPopup { 
    position: absolute; 
}