primefaces tabView在选项卡更改时跳过表单验证

时间:2013-02-20 09:36:13

标签: validation jsf-2 primefaces onchange tabview

我正在使用PrimeFaces 3.3和Mojarra 2.17。

我有一个包含p:tabView的页面。第二个标签包含一个文本框和required="true"。当我从第二个选项卡导航到第一个选项卡时,它将验证文本框是否为空并显示错误消息(我有一个PhaseListener类来显示全局p:messages中的错误。如何跳过此验证?

我找不到任何解决方案:

我不想使用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));
            }
        }
    }
}

2 个答案:

答案 0 :(得分:3)

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

例如:

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

答案 1 :(得分:0)

在ajax事件代码中添加immediate="true"属性。这将阻止您的字段被验证,并且只会调用您的监听器:

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