jsf - 在p:wizard中重新定位导航按钮

Question

我希望将导航按钮放置在primefaces向导组件的步骤标题下：

由于primefaces会同时生成向导的步骤图块和内容，因此我不确定如何在向导组件的两个部分之间插入元素（在本例中为导航按钮）。
无论如何要这样做？

谢谢 ：）

Answer 1

最简单的解决方案是将向导设置为不显示导航器按钮，然后创建自己的按钮：

<p:wizard widgetVar="myWizard" showNavBar="false" ... >
<p:commandButton style="..." value="Back" icon="ui-icon-arrow-1-w" 
    iconPos="right" type="button" onclick="myWizard.back();" />

<p:commandButton style="..." value="Next" icon="ui-icon-arrow-1-e" 
    iconPos="left" type="button" onclick="myWizard.next();" />

您也可以使用jQuery和CSS来做到这一点，但我认为这种方式更加困难。

编辑：-

对于Primefaces5.1 +

<p:commandButton style="..." value="Back" icon="ui-icon-arrow-1-w" iconPos="right" onclick="PF('myWizard').back()" />
<p:commandButton style="..." value="Next" icon="ui-icon-arrow-1-e" iconPos="left" onclick="PF('myWizard').next();" />