javascript - 如何在 MenuBar 的最右侧对齐 MenuBarItem？

Question

我正在以编程方式创建一个 dijit.MenuBar。添加几个 PopupMenuBarItem(s) 后，我添加了一个标记为“注销”的 MenuBarItem，我希望它与其他项目远离对齐。我没有在示例页面上看到任何设置此对齐属性的内容。它应该是直截了当的，我错过了什么？

我正在使用 DojoToolkit 1.9（来自 Google CDN），但旧版本的答案工作正常......

score 2 · Accepted Answer

Craig 的回答似乎适用于 Dojo 1.8.3，但它似乎不适用于 Dojo 1.9。

我发现我需要对父菜单栏应用额外的样式：

var pMenuBar = new MenuBar({
   class: "menu"
});

然后，在 css 中：

.menu {
    width: 100%;
    float: right;
}

然后，您可以像往常一样添加将出现在左侧的菜单项：

pMenuBar.addChild(new MenuBarItem({
    label: "File"
});

您可以添加将出现在右侧的菜单项（根据 Craig 的回答）：

var lo = new MenuBarItem({
    label: "Logout"
});

domStyle.set(lo.domNode, 'float', 'right');

score 2 · Accepted Answer

float: right;向 'Logout' MenuBarItem 的 domNode添加样式

var lo = new MenuBarItem({
    label: "Logout"
});
domStyle.set(lo.domNode, 'float', 'right');

2 回答 2