Question

我对JSF很陌生，我遇到了一个奇怪的问题，不知道如何解决它。

我在屏幕上有多个标签，在其中一个标签中我有文字字段，下拉列表等。所有文本字段和下拉列表都设置了 required =＆＃34; true＆＃34; 。

由于此验证，当我尝试导航到另一个标签而未输入或选择值时，我无法导航并显示验证消息（值是必需的）

但是我在选项卡中有一个保存按钮，验证应该仅在我单击保存按钮时触发，而不是在Tab切换/导航期间触发。在单击保存按钮的验证工作之间，我想要的是当我切换到不同的选项卡时不应该触发验证。

此验证不允许我切换到不同的选项卡而不是确定切换标签时触发此验证的原因。

请问任何人请为我的问题提出解决方案。

更新：以下是我根据CycDemo的答案所做的更改：

<h:tab name="First Tab" accessKey="s">
    <h:panelGroup >
    <h:dataTable id="firstTable" styleClass="dataTableEx" headerClass="headerClass"
                footerClass="footerClass" rowClasses="rowClass1,rowClass2"
                columnClasses="columnClass1" value="#{clientProductCRUDBean.model}"
                var="item" border="1"  cellpadding="2" cellspacing="0" >

                <!-- this for the incoming originator type dropdown field -->

                <h:column>
                    <f:facet name="header">
                        <h:outputText value="firstDropDown" />
                    </f:facet>
                     <h:selectOneMenu id="firstDropDown"  
                                required="true" requiredMessage="required field" immediate="true" >
                            <f:selectItem itemLabel="--Select--" itemValue="#{null}" />
                            <h:message for="firstDropDown" errorClass="generalErrorText"/>
                    </h:selectOneMenu>  
                </h:column>                                 


                <!-- this for the outgoing originator text field -->

                <h:column >
                    <f:facet name="header">
                        <h:outputText value="firstTextField"/>
                    </f:facet>
                    <h:inputText id="firstTextField"
                    required="true" validatorMessage="Max Length 20" requiredMessage="required field" immediate="true" >
                    <f:validateLength maximum="20"/>
                    <h:message for="firstTextField" errorClass="generalErrorText"/>
                    </h:inputText>
                </h:column>

            <!-- this for the replace or randomise radio buttons text field -->

                    <!-- this for the operators selection drop down-->

                </h:dataTable>
    </h:panelGroup>

    <h:panelGroup style="padding: 1px;  margin-top: 5px;" >
                <h:commandButton id="firstSaveButton" styleClass="commandButton"  value="Save" />
                <h:commandButton id="firstSaveCancel" styleClass="commandButton" value="Cancel" immediate="true"/>
    </h:panelGroup>
    <br />
</h:tab>

它仍然会调用验证。

Answer 1

如果您希望switch/navigation没有验证过程，则必须在操作组件中使用immediate="true"。

让我们说，你有如下。

<h:commandButton value="Save" />
<h:commandButton value="NextPage" immediate="true"/>

单击Save按钮时，验证过程将起作用。但是，点击NextPage验证过程将被克服。

注意如果有immediate="true"个输入组件，即使您单击NextPage按钮，也会对该组件执行验证过程。

示例

<h:inputText id="name" value="#{...}" immediate="true" required="true"> <h:commandButton value="Save" /> <h:commandButton value="NextPage" immediate="true"/>

如果点击NextPage按钮，将会执行<h:inputText id="name"...>的验证过程。你可能有一个问题。他们为什么喜欢这样？答案是你必须学习JSF Life Cycle。

Answer 2

使用<rich:tabPanel并将switchType更改为客户端。然后在其中使用<rich:tab>。

<rich:tabPanel switchType="client">
       <rich:tab>
  .............
       </rich:tab>
  </rich:tabPanel>

在文本字段验证期间，选项卡之间的jsf导航

2 个答案: