javascript - 如何使用 dojo dijit/form/DropDownButton 将子菜单项添加到菜单项？

Question

我使用 dijit/form/DropDownButton 创建了一个 Dojo DropDownButton 并使用 dijit/MenuItem 创建了 MenuItems。我正在尝试为 MenuItems 创建子菜单项，以便很好地组织选项，并且用户可以从中选择子选项。 有没有办法做到这一点，使下拉选项看起来像这样:

    Vegetables
       Carrots
       Potatoes
       Tomatoes
    Fruits
       Apples
       Oranges

而不是这个(我目前拥有的):

    Vegetables
    Carrots
    Potatoes
    Tomatoes
    Fruits
    Apples
    Oranges

Answer 1

蔬菜和水果应该是 dijit/PopupMenuItem 并且每个都应该包含一个 dijit/Menu 并且菜单应该有相应的 dijit/MenuItems.

声明式菜单示例对其进行了演示。在您的情况下，唯一的区别是顶级菜单不是上下文菜单，而是 dijit/DropDownMenu。

http://dojotoolkit.org/reference-guide/1.9/dijit/Menu.html#declarative-markup