如何通过编程或声明方式使用dojo制作dijit垂直工具栏

使用dijit/Toolbar始终渲染水平工具栏。我需要它是垂直的

<div id="toolbar1" data-dojo-type="dijit/Toolbar"
><div data-dojo-type="dijit/form/Button" id="toolbar1.cut"
    data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCut', showLabel:false">Cut</div
><div data-dojo-type="dijit/form/Button" id="toolbar1.copy"
    data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCopy', showLabel:false">Copy</div
><div data-dojo-type="dijit/form/Button" id="toolbar1.paste"
    data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconPaste', showLabel:false">Paste</div
><!-- The following adds a line between toolbar sections
    --><span data-dojo-type="dijit/ToolbarSeparator"></span
 ><div data-dojo-type="dijit/form/ToggleButton" id="toolbar1.bold"
    data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconBold', showLabel:false">Bold</div>

CutCopyPasteBold

---

谢谢

Dojo的工具栏不能真正垂直，但您可以做的是创建一个dijit/菜单，而不是将其默认设置为隐藏

像这样的方法应该会奏效：

<div data-dojo-type="dijit/Menu">
   <div data-dojo-type="dijit/MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCut'">Cut</div>
   <div data-dojo-type="dijit/MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCopy'">Copy</div>
</div>

削减
复制

如果希望以编程方式执行此操作，它也可以工作。只是在创建小部件时，不要指定targetNodeId并给它一个节点（或id）

此外，如果您愿意，还可以将菜单项css修改为标准按钮（边框半径、框阴影等），但我看到的大多数带有按钮的垂直菜单最终使用了更扁平的样式按钮。

您可以检查垂直dojo菜单。