如何将p:commandButton放在p:面板页脚中

时间:2013-05-19 21:53:32

标签: jsf jsf-2 primefaces

我想将一个primefaces commandButton放在一个面板页脚中,但看起来这个面板页脚只需要文本,我想做类似的事情:

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

但它不起作用,有人知道如何实现吗?

3 个答案:

答案 0 :(得分:3)

如果你想让页脚与标题具有相同的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>

答案 1 :(得分:1)

你不能把标签放在EL里面,这样做:

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

答案 2 :(得分:0)

这个方面不是对话框,它属于形式,把它带到外面。