Question

我有一个primefaces向导，其中包含一个简单的表单和一个数据表。单击“保存”时，记录将显示在表单下方的数据表中。现在，为了让用户在下一个选项卡上移动，他至少应该输入一个记录，以便他可以进入下一个选项卡。所以我做了一个检查，点击下一步，它会验证列表是否用于填充数据表是否为空。如果没有，他可以继续。现在我的问题是点击返回，提示验证。我怎么能阻止这个？只有在单击下一步时才会提示验证。

以下是向导：

    <p:wizard flowListener="#{CarComponent.onFlowProcess}"  showStepStatus="true">

            <p:tab id="model" title="Model">

                <p:panel>
                    <p:messages />
                    <h:panelGrid id="mdl" columns="2" styleClass="grid"
                        columnClasses="label,value">
                        <h:outputText
                            value="Date" />
                        <p:calendar id="date"
                            value="#{}"
                            required="true" converter="primefacesCalendarConverter"
                            pattern="dd/MM/yyyy" />

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


            <p:tab id="part">

                <p:panel>
                    <p:messages />
                    <h:panelGrid id="partdetails" columns="2" styleClass="grid"
                        columnClasses="label,value">
                        <h:outputText
                            value="PartNo:" />

                        <h:inputText id="partno"
                            value="#{..}"
                            required="false" maxlength="500">

                        </h:inputText>

                     <h:inputHidden
                      required="#{empty CarComponent.partList}"
                      requiredMessage="Please enter a Part." 
                       />

                        <h:panelGroup>
                            <p:commandButton image="save" ajax="false"
                                value="Save" process="@this,partno"
                                action="#{CarComponent.saveCarDetails(...)}" />
                        </h:panelGroup>
                    </h:panelGrid>
                </p:panel>


                <p:panel>
                    <h:panelGroup>
                        <p:dataTable id="dta_obj" editable="true"
                            value="#{CarComponent.partList}"
                            var="currentobj" rows="15" paginator="true"
                            paginatorPosition="bottom">
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText
                                        value="Part No:" />
                                </f:facet>
                                <p:cellEditor>
                                    <f:facet name="output">
                                        <h:outputText value="#{current.partno}" />
                                    </f:facet>
                                    <f:facet name="input">
                                        <h:inputText value="#{current.partno}" />
                                    </f:facet>
                                </p:cellEditor>
                            </p:column>


                        </p:dataTable>
                    </h:panelGroup>
                </p:panel>
            </p:tab>


            ...
        </p:wizard>

流监听器如下：

     public String onFlowProcess(FlowEvent event) {


    if (event.getOldStep().contains("model")) {

        //some code here
    }

    if (event.getOldStep().contains("part")) {
        partList = car.getPart();
        if(partList.isEmpty()){

            String errorMsg="Please enter a Part.";

            FacesContext.getCurrentInstance().addMessage(null,new FacesMessage(FacesMessage.SEVERITY_ERROR,errorMsg, ""));
            return event.getOldStep();
        }
    }

    return event.getNewStep();
}

Answer 1

您可以使用隐藏的输入字段并使用必需的属性。 wizzard的primefaces将在下一个按钮上验证字段，但不在后退按钮上验证。

<h:inputHidden
    required="#{empty CarComponent.partList}"
    requiredMessage="Please enter a Part." 
/>

Answer 2

添加到您的if验证条件，以便不验证新步骤是否为后一步，如下所示：

if (event.getOldStep().contains("part") && !event.getNewStep().equals("model")) {
    ...
}

或第一个if

if (event.getNewStep().contains("model") {
    return event.getNewStep();
}

使用后退按钮时，防止primefaces向导执行验证

2 个答案: