validation - PrimeFaces TabView在TAB更改时跳过表单验证

Question

我正在使用 PrimeFaces 3.3 和 Mojarra 2.17。

我有一个包含p:tabView. 第二个选项卡包含一个文本框和required="true". 当我从第二个选项卡导航到第一个选项卡时，它将验证文本框为空并显示一条错误消息（我有一个PhaseListener类可以在 global 中显示错误p:messages）。如何跳过此验证？

我在以下方面找不到任何解决方案：

• http://code.google.com/p/primefaces/issues/detail?id=3423
• http://code.google.com/p/primefaces/issues/detail?id=4143

而且我不想使用 PrimeFaces p:wizard。

我的 tabView.xhtml：

<p:tabView id="tabView" dynamic="true" cache="false" activeIndex="0" >  
      <p:ajax event="tabChange" listener="#{test.onTabChange}"/> 
      <p:tab id="tab1" title="Tab1">
        <ui:include src="#{test.tab1}"></ui:include>
      </p:tab>
      <p:tab id="tab2" title="Tab2">  
        <ui:include src="#{test.tab2}"></ui:include>
      </p:tab>
</p:tabView>

在我的 Java 类中：

public void onTabChange(TabChangeEvent event) {              
     this.setTab1("tab1.xhtml");
     this.setTab2("tab2.xhtml"）;
 }

我的 tab1.xhtml：

<h:form id="form1">    
    <p:messages globalOnly="true" />
    tab1 page
    <br/>
</h:form>

我的 tab2.xhtml：

<h:form id="form2">
    <p:messages globalOnly="true" />
    <p>
        tab2 page
    </p>
    <p:inputText id="txt1" required="true" />
    <p:message for="txt1" display="text" />
    <p:commandButton value="Submit" update="@form" />
</h:form>

我的 PhaseListener 类：

public class MyPhaseListener implements PhaseListener {
    @Override
    public void afterPhase(PhaseEvent e) {
        if (e.getPhaseId() == PhaseId.PROCESS_VALIDATIONS) {
            if (FacesContext.getCurrentInstance().getMessageList().size() > 0) {
                String number = String.valueOf(FacesContext.getCurrentInstance().getMessageList().size());
                String errorMsg = "there are " + number + " errors.";
                FacesContext.getCurrentInstance().addMessage(
                        null,
                        new FacesMessage(FacesMessage.SEVERITY_ERROR, errorMsg,
                                errorMsg));
            }
        }
    }
}

Answer 1

我通过添加代码解决了我的问题：
FacesContext.getCurrentInstance().renderResponse();
在 backign bean 中的 TabChangeEvent 方法下..

例如：

public void onTabChange(TabChangeEvent event) {              
  this.setTab1("tab1.xhtml");
  this.setTab2("tab2.xhtml"）;
  FacesContext.getCurrentInstance().renderResponse();
}

Answer 2

immediate="true"在您的 ajax 事件标记中添加属性。这将阻止您的字段被验证，并且只会调用您的侦听器：

<p:ajax event="tabChange" listener="#{test.onTabChange}" immediate="true"/>