Javascript 添加子菜单项

我想向现有子菜单显示子菜单项。 请检查一下电话号码

在Menu2中，draw子菜单项，我想在“draw”子菜单项上显示名为Savings Acc、Current Acc的两个子菜单项。 任何建议都会有帮助

下面是示例代码：

var pSubMenu2 = new DropDownMenu({});
var pSubMenu3 = new DropDownMenu({});

pSubMenu2.addChild(new MenuItem({
    label: "Credit"
}));
pSubMenu2.addChild(new MenuItem({
    label: "Withdraw"
}));
pSubMenu2.addChild(new PopupMenuBarItem({
    label: "Retail",
     popup: pSubMenu3
}));  

pSubMenu3.addChild(new MenuItem({
    label: "Savings Acc"
}));

我可以用鼠标在收回子菜单上显示一个子菜单项，但在下拉菜单中，当添加子菜单项时，可以看到它们之间的间隙。如何解决此问题以及如何向子菜单显示多个子菜单项。谢谢。

我已经更新了你的小提琴

基本上，您必须创建新的菜单，并将其作为一个popmenu项附加到Draw菜单项上，如下所述

`var菜单=新菜单({ id:“退出菜单” });

withdrawMenu.addChild(new MenuItem({
            id: "savings",
            label: "Savings Acc"
        }) );
withdrawMenu.addChild(new MenuItem({
            id: "checking",
            label: "Checking Acc"
        }) );

var pSubMenu2 = new DropDownMenu({});
pSubMenu2.addChild(new MenuItem({
    label: "Credit"
}));

 pSubMenu2.addChild(new PopupMenuItem({
            id: "withdraw",
            label: "Withdraw",
            popup: withdrawMenu
        }) );`