如何在提交最后一个选项卡后将primefaces向导重定向到第一个选项卡

如何在提交最后一个选项卡后将primefaces向导重定向到第一个选项卡,primefaces,Primefaces,我使用的是PrimeFaces3.2。我已经准备好了向导,可以在datatable的同一页上插入用户信息。向导按选项卡获取信息,并在确认选项卡上提交。它也将反映在datatable的同一页上。它工作得很好。现在我需要更新多个用户。为此,我必须将向导从提交按钮导航到第一个选项卡。 任何帮助都将不胜感激。 我的代码如下 wizard.xhtml <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/j

我使用的是PrimeFaces3.2。我已经准备好了向导,可以在datatable的同一页上插入用户信息。向导按选项卡获取信息,并在确认选项卡上提交。它也将反映在datatable的同一页上。它工作得很好。现在我需要更新多个用户。为此,我必须将向导从提交按钮导航到第一个选项卡。 任何帮助都将不胜感激。 我的代码如下

wizard.xhtml

<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:p="http://primefaces.org/ui"
  xmlns:f="http://java.sun.com/jsf/core">
<h:head>
    <title>Wizard Example</title>
    <script type="text/javascript" >
        function resetWizard() {
            wiz.loadStep(wiz.cfg.steps[0], true);
        }
    </script>
</h:head>
<h:body>
    <h:form id="form">

        <!-- <p:growl id="growl" sticky="true" showDetail="true"/> -->
        <p:growl redisplay="false" life="3000" id="mymessage" autoUpdate="true"/>
        <p:wizard widgetVar="wiz"
                  flowListener="#{userWizard.onFlowProcess}" showNavBar="true" >

            <p:tab id="personal" title="Personal" >

                <p:panel header="Personal Details">

                    <h:messages errorClass="error"/>

                    <h:panelGrid columns="2" columnClasses="label, value" styleClass="grid">
                        <h:outputText value="Firstname: *" />
                        <p:inputText required="true" label="Firstname"
                                     value="#{userWizard.user.firstname}" />

                        <h:outputText value="Lastname: *" />
                        <p:inputText required="true" label="Lastname"
                                     value="#{userWizard.user.lastname}" />

                        <h:outputText value="Age: " />
                        <p:inputText value="#{userWizard.user.age}" />


                    </h:panelGrid>
                </p:panel>
            </p:tab>

            <p:tab id="address" title="Address" >
                <p:panel header="Adress Details">

                    <h:messages errorClass="error"/>

                    <h:panelGrid columns="2" columnClasses="label, value">
                        <h:outputText value="Street: " />
                        <p:inputText value="#{userWizard.user.street}" />

                        <h:outputText value="Postal Code: " />
                        <p:inputText value="#{userWizard.user.postalCode}" />

                        <h:outputText value="City: " />
                        <p:inputText value="#{userWizard.user.city}" />


                    </h:panelGrid>
                </p:panel>
            </p:tab>

            <p:tab id="contact" title="Contact" >
                <p:panel header="Contact Information">

                    <h:messages errorClass="error"/>

                    <h:panelGrid columns="2" columnClasses="label, value">
                        <h:outputText value="Email: *" />
                        <p:inputText required="true" label="Email"
                                     value="#{userWizard.user.email}" />

                        <h:outputText value="Phone: " />
                        <p:inputText value="#{userWizard.user.phone}"/>

                        <h:outputText value="Additional Info: " />
                        <p:inputText value="#{userWizard.user.info}"/>
                    </h:panelGrid>
                </p:panel>
            </p:tab>

            <p:tab id="confirm" title="Confirmation" >
                <p:panel header="Confirmation">

                    <h:panelGrid id="confirmation" columns="6">
                        <h:outputText value="Firstname: " />
                        <h:outputText styleClass="outputLabel"
                                      value="#{userWizard.user.firstname}" />

                        <h:outputText value="Lastname: " />
                        <h:outputText  styleClass="outputLabel"
                                       value="#{userWizard.user.lastname}"/>

                        <h:outputText value="Age: " />
                        <h:outputText styleClass="outputLabel"
                                      value="#{userWizard.user.age}" />

                        <h:outputText value="Street: " />
                        <h:outputText styleClass="outputLabel"
                                      value="#{userWizard.user.street}" />

                        <h:outputText value="Postal Code: " />
                        <h:outputText styleClass="outputLabel"
                                      value="#{userWizard.user.postalCode}" />

                        <h:outputText value="City: " />
                        <h:outputText styleClass="outputLabel"
                                      value="#{userWizard.user.city}" />

                        <h:outputText value="Email: " />
                        <h:outputText styleClass="outputLabel"
                                      value="#{userWizard.user.email}" />

                        <h:outputText value="Phone " />
                        <h:outputText styleClass="outputLabel"
                                      value="#{userWizard.user.phone}"/>

                        <h:outputText value="Info: " />
                        <h:outputText styleClass="outputLabel"
                                      value="#{userWizard.user.info}" />


                    </h:panelGrid>

                    <p:commandButton immediate="true" value="Submit" update="wiz"
                                     actionListener="#{userWizard.save}"  ajax="false"/>

                </p:panel>
            </p:tab>

        </p:wizard>



        <p:dataTable var="user" value="#{userWizard.userAll}" id="userList" editable="true" rowKey="#{user.firstname}" paginator="true"
                     rows="4" rowsPerPageTemplate="4,6" >

            <p:column headerText="FirstName" style="width:125px" filterBy="#{user.firstname}" sortBy="#{user.firstname}">
                <p:cellEditor>
                    <f:facet name="output">
                        <h:outputText value="#{user.firstname}" />
                    </f:facet>
                    <f:facet name="input">
                        <h:outputText value="#{user.firstname}" />
                    </f:facet>
                </p:cellEditor>
            </p:column>

            <p:column headerText="LastName" style="width:125px" filterBy="#{user.lastname}" sortBy="#{user.lastname}" >
                <p:cellEditor>
                    <f:facet name="output">
                        <h:outputText value="#{user.lastname}" />
                    </f:facet>
                    <f:facet name="input">
                        <p:inputText value="#{user.lastname}" style="width:100%" >
                        </p:inputText>
                    </f:facet>
                </p:cellEditor>
            </p:column>

            <p:column headerText="Age" style="width:125px" filterBy="#{user.age}" sortBy="#{user.age}">
                <p:cellEditor>
                    <f:facet name="output">
                        <h:outputText value="#{user.age}" />
                    </f:facet>
                    <f:facet name="input">
                        <p:inputText value="#{user.age}" style="width:100%" >
                        </p:inputText>
                    </f:facet>
                </p:cellEditor>
            </p:column>

            <p:column headerText="Edit" style="width:50px">
                <p:rowEditor />
            </p:column>
            <p:ajax event="rowEdit" listener="#{userWizard.editRowListner}" update=":form:mymessage"/>

        </p:dataTable>
    </h:form>
</h:body>

在wizard.xhtml页面中,将提交按钮更改为:

<p:commandButton immediate="true" value="Submit" update="@parent,:form:userList" actionListener="#{userWizard.save}" oncomplete="wiz.loadStep (wiz.cfg.steps [0], true)"/>

在primefaces 5中,您不能直接调用widgetVar,您需要像
PF('widgetVar')那样调用它。
因此您可以这样做:

<p:commandButton value="Submit" actionListener="#{userWizard.save}" oncomplete="PF('wiz').loadStep('tabId',false)" />

您还可以从Java代码执行以下操作:

Wizard wizard = (Wizard) FacesContext.getCurrentInstance().getViewRoot().findComponent("importForm:wizardId");
wizard.setStep(STEP1);
RequestContext.getCurrentInstance().update("importForm");

使用Primeface 3,但停止使用Primeface 5。任何解决方案伙伴?尝试触发PF('wiz')。单击命令按钮后,单击next(),并让onFlowProcess(FlowEvent事件)处理返回PrimeFaces 5+的第一页,使用
PF('wiz')。loadStep(PF('wiz')。cfg.steps[0],false)
<p:commandButton value="Submit" actionListener="#{userWizard.save}" oncomplete="PF('wiz').loadStep('tabId',false)" />
Wizard wizard = (Wizard) FacesContext.getCurrentInstance().getViewRoot().findComponent("importForm:wizardId");
wizard.setStep(STEP1);
RequestContext.getCurrentInstance().update("importForm");