如何在菜单栏的最右边对齐MenuBarItem？

Question

我是以编程方式创建dijit.MenuBar。添加几个PopupMenuBarItem（s）之后，我添加一个标记为'Logout'的MenuBarItem，我希望它对齐，远离其他Items。我没有在示例页面上看到任何设置此对齐属性的内容。它应该是直截了当的，我缺少什么？

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

Answer 1

将样式float: right;添加到“Logout”MenuBarItem的domNode

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

http://jsfiddle.net/cswing/6Lzdg/

Answer 2

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