Javascript 如何使用dojo dijit/form/DropDownButton将子菜单项添加到菜单项?

Javascript 如何使用dojo dijit/form/DropDownButton将子菜单项添加到菜单项?,javascript,html,dojo,menuitem,Javascript,Html,Dojo,Menuitem,我使用dijit/form/DropDownButton创建了一个Dojo下拉按钮,并使用dijit/MenuItem创建了菜单项。我正在尝试为菜单项创建子菜单项,这样可以很好地组织选项,用户可以从中选择子选项。 有没有办法使下拉选项看起来像这样: Vegetables Carrots Potatoes Tomatoes Fruits Apples Oranges 而不是这个(我目前拥有的): 蔬菜和水果应该

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

    Vegetables
       Carrots
       Potatoes
       Tomatoes
    Fruits
       Apples
       Oranges
而不是这个(我目前拥有的):


蔬菜和水果应该是
dijit/PopupMenuItem
s,并且每个蔬菜和水果应该包含
dijit/MenuItem
,并且菜单应该有相应的
dijit/MenuItem
s

声明式菜单示例演示了这一点。在您的例子中,唯一的区别是顶级菜单不是上下文菜单,而是dijit/dropdown菜单

    Vegetables
    Carrots
    Potatoes
    Tomatoes
    Fruits
    Apples
    Oranges