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

Question

我想在向导的最后一个选项卡中隐藏BACK按钮.我正在使用primefaces.它的解决方案是什么？

谢谢

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 客户端）。