3

嗨，我遵循了这段代码，但我的注销按钮不在菜单栏的右侧。

来自 PF 的样本

这是我的 xhtml 页面

<h:body>
    <p:menubar autoDisplay="false">
        <p:menuitem value="Home" url="/index.jsf" />

        <p:submenu label="Maintenance" >
            <p:menuitem value="Course" url="/views/course/list.jsf" />
            <p:menuitem value="Student" url="/index.jsf" />
        </p:submenu>

        <f:facet name="options">
            <p:commandButton type="button" value="Logout" icon="ui-icon-extlink" />
        </f:facet>
    </p:menubar>
</h:body>
4

5 回答 5

4

您应该使用 style="float: right;" 在按钮内部或将属性包含到您的 CSS 样式表中。

于 2013-01-04T12:35:29.237 回答
1

我可以通过使用下面的代码来注销右侧

<f:facet name="options">
   <p:commandButton type="button" value="Logout" />
</f:facet>
于 2013-08-26T17:43:06.113 回答
0

使用：inputText style="margin-right:10px"在方面...肯定会工作。

于 2013-04-10T21:46:19.483 回答
0

它仅适用于将 primefaces 3.5 更改为 primefaces 3.5 并且它会起作用，您可以在 primefaces 链接primefaces 博客上验证这一点

有关更多详细信息，请访问 primefaces 展示页面primefaces 展示菜单栏示例页面 以获取示例代码此代码来自该示例页面

<f:facet name="options">
<p:inputText style="margin-right:10px"/>
<p:commandButton type="button" value="Logout" icon="ui-icon-extlink" />
</f:facet>

于 2013-09-14T14:38:35.453 回答
0

如果您使用prime-faces 5，那么它应该可以工作。尝试在 Web 浏览器中浏览您的应用程序，而不是您用于编码的 IDE。因为它在 IDE 中没有像我们预期的那样出现，但在 Web 浏览器中可以正常工作。您还可以在标签内使用 styleClass。在按钮标签内插入 styleClass="margin-riight:10px"

于 2017-01-20T09:26:54.250 回答