Question

我正在尝试将commandButton放在右边距的面板组件的标题中。听起来只是一个HTML问题，我不知道为什么不起作用。

<p:panel id="panel" style="margin-bottom:10px;">
    <f:facet name="header" >
        <h:outputLabel value="#{partyBean.currentparty.name}" />
            <p:commandButton id="asktojoin" style="margin-right:10px" action="#{joinRequestBean.askForParty(partyBean.currentparty)}" value="Ask to Join">
            </p:commandButton>
    </f:facet>
    .....

按钮显示在左侧，靠近outputLabel。

Answer 1

＆LT;号码：面板/＆GT;有一个“行动”方面。你可以把动作按钮放在这个方面。

<p:panel id="panel" style="margin-bottom:10px;">
    <f:facet name="header">
        <h:outputLabel value="#{partyBean.currentparty.name}"/>
    </f:facet>
    <f:facet name="actions">
        <p:commandButton id="asktojoin" styleClass="ui-panel-titlebar-icon "
                         action="#{joinRequestBean.askForParty(partyBean.currentparty)}" value="Ask to Join"/>
    </f:facet>

    ...

</p:panel>

关于正确问题的按钮

1 个答案: