primefaces - 在 Primefaces 向导的最后一个选项卡上隐藏后退按钮

Question

我想在向导的最后一个选项卡上隐藏后退按钮。
我正在使用素面。它的解决方案是什么？

谢谢

Answer 1

您可以使用 jQuery 在客户端执行此操作:

假设您正在使用展示中的向导:http://www.primefaces.org/showcase/ui/wizard.jsf :

<p:wizard widgetVar="wiz"  
        flowListener="#{userWizard.onFlowProcess}"
        onNext="hideBackOnLastTab()">

javascript:

function hideBackOnLastTab() {
    if($("ul.ui-wizard-step-titles>li").last()
             .is("ul.ui-wizard-step-titles>li.ui-state-highlight")) {
            $("div.ui-wizard-navbar>button.ui-wizard-nav-back").css("display", "none");
    }

}

您还可以注意到向导中的下一个按钮在最后一个面板中以相同的方式隐藏(由 PF 客户端)。