添加子菜单项

Posted 2023-02-16

【中文标题】添加子菜单项

【英文标题】：adding submenu items

【发布时间】：2014-10-15 17:44:17

【问题描述】：

我想在现有子菜单中显示一个子菜单项。 请查看http://jsfiddle.net/nw9tU/216/

在 Menu2 中，Withdraw 子菜单项，我想在鼠标悬停在“Withdraw”子菜单项上时显示 2 个名为 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"
));

我可以在将鼠标悬停在撤销子菜单上时显示一个子菜单项，但在下拉菜单中它们是时出现的间隙。如何解决它以及如何向子菜单显示多个子菜单项。谢谢。

【参考方案1】：

我已经更新了你的小提琴link

基本上您必须创建新菜单并将其作为弹出菜单项附加到撤销菜单项上，如下所述

`varwithdrawMenu = new Menu( id: "withdrawMenu" );

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
        ) );`