带有 showNavBar="false" 的 Primefaces 向导

Question

我通过添加属性 showNavBar="false" 删除了 primefaces 向导默认 Next/Back 按钮并添加了我自己的按钮

<p:wizard style="border:0" showNavBar="false" widgetVar="terminationWizard">
 ........
 ........
 ........
</p:wizard>



    <div class="divTableFooter" align="right" id="footerDivfilter2" style="width: 98.00%;">
      <p:commandButton   value="Back" onclick="PF('terminationWizard').back()" />
      <p:commandButton  value="Next" onclick="PF('terminationWizard').next();" />
    </div>

现在如何 Hide/show 当用户是第一个或最后一个标签时这个按钮。

使用 Primefaces5.3

Answer 1

您可以向您的向导添加一个用于启用和禁用按钮的处理，类似于

<p:wizard widgetVar"wizard"
 onback="if (PF('wizard').getStepIndex(PF('wizard').currentStep) === 1) { PF('stepBackward').disable(); } PF('stepForward').enable();"
 onnext="if (PF('wizard').getStepIndex(PF('wizard').currentStep) === 2) { PF('stepForward').disable(); } PF('stepBackward').enable();"

按钮分别命名为 stepBackward 和 stepForward，向导中有 4 个选项卡（从零开始，但回调将在设置新选项卡索引之前执行）。

带有 showNavBar="false" 的 Primefaces 向导

Primefaces wizard with showNavBar="false"

jsf

primefaces

jsf-2