jsf - 如何将 ap:commandButton 放在 ap:panel 页脚中

Question

我想将 primefaces commandButton 放在面板页脚内，但似乎 primefaces 面板页脚只包含文本，我想做这样的事情：

            <p:panel id="JunglePanel" header="Jungle" footer="<p:commandButton action="#{JungleBean.navigate}"
                            ajax="false" value="Navigate"">
           </p:panel>

但它没有用，有人知道如何实现吗？

Answer 1

如果您希望页脚具有与页眉相同的 css，您可以将页眉的 css 应用于页脚，我已经测试并且它可以工作：

         <h:form>
            <p:panel id="JunglePanel" header="Jungle">
                <f:facet name="footer" >
                    <div class="ui-panel-titlebar ui-widget-header ui-helper-clearfix ui-corner-all">
                        <p:commandButton value="xxx" />
                    </div>
                </f:facet>
                Content here
            </p:panel>
        </h:form>

Answer 2

你不能把标签放在 EL 里面，这样做：

<p:panel id="JunglePanel" header="Jungle">
    <f:facet name="footer">
        <p:commandButton action="#{JungleBean.navigate}" ajax="false" value="Navigate" />
    </f:facet>
</p:panel>

Answer 3

那个方面不是对话的，它属于形式，把它带到外面。