java - primefaces 试图添加 p :message for validation errors and p:growl for success messages

Question

我有一个带有对话框的页面，用户可以在其中添加项目。我希望服务器端验证错误消息显示在 p:message 标记中，但如果验证通过，我希望成功消息显示在 p:growl 标记中并关闭对话框。

我怎样才能做到这一点？目前，我可以让所有消息(错误或成功)出现在所有 p:growl、所有 p:messages 或两者中。

<p:growl id="growl" showDetail="true" life="3000" autoUpdate="false" />

<p:dialog id="projectsDialog" header="Add Project" widgetVar="projectsDialog"  modal="true">

  <p:messages id="messages" autoUpdate="false" showDetail="true" />

    <h:form>

      <h:outputLabel for="investigator" value="Investigator" />
      <p:selectOneMenu value="#{ppBacker.investigatorKey}" id="investigator" size="1" styleClass="listBoxMedium" >
      <f:selectItems value="#{ppBacker.investigators}" />
      </p:selectOneMenu>            

      <h:outputLabel for="startDate" value="Start Date" />
      <p:calendar value="#{ppBacker.startDate}" id="startDate" mode="popup" navigator="true" required="true" requiredMessage="Start Date is required" />                    

      <h:outputLabel for="endDate" value="End Date" />
      <p:calendar value="#{ppBacker.endDate}" id="endDate" mode="popup" navigator="true" required="true" requiredMessage="End Date is required" />

      <p:commandButton value="Add Project" id="s1Btn" type="submit" oncomplete="handleLoginRequest(xhr, status, args)" actionListener="#{ppBacker.addProject}" update=":growl">
      <f:setPropertyActionListener target="#{ppBacker.grantKey}" value="#{ppBacker.grantKey}" />
      </p:commandButton>           

      <!-- this jquery closes the add project dialog if the server side validation is successful -->
      <script type="text/javascript">  
        function handleLoginRequest(xhr, status, args) {  
            console.log('args.success = '+args.success);
            console.log('args.validationFaile = '+args.validationFailed);
                if(args.validationFailed || !args.success) {  
                  jQuery('#projectsDialog').effect("shake", { times:1 }, 100);  
            } else {  
              projectsDialog.hide();  

            }  
        }  
    </script>  

    </h:form>

我的 ppBacker.addProject 方法

public void addProject(){

    RequestContext context = RequestContext.getCurrentInstance();  
        FacesMessage msg = null;  
        boolean success = false;  

        // validate the investigator, start date, and end date are set
        if(!getProject().getInvestigatorKey().equals("0") && getProject().getStartDate() != null && getProject().getStartDate() != null) {  
            success = true;
        msg = new FacesMessage(FacesMessage.SEVERITY_INFO, "Project Added Successfully", ""); 

        } else {  
            success = false;    
            msg = new FacesMessage(FacesMessage.SEVERITY_ERROR, "Validation Failed", "Investigator, Start Date, and End Date are required");  

        }  

        System.out.println("success = "+success);
        // I'M GUESSING THAT I CAN SOMEHOW USE THE FIRST PARAMETER OF THIS TO ATTACH MY MESSAGE, BUT I'M NOT SURE
        FacesContext.getCurrentInstance().addMessage(null, msg);
        context.addCallbackParam("success", success);  

}

Answer 1

利用“globalOnly”特性。在 FacesContext#addMessage() 调用中，为所有错误消息提供一个非 null 客户端 ID(例如，输入组件、按钮组件甚至表单组件之一) 并为所有成功消息提供一个 null 客户端 ID。

这样你就可以逃脱:

<p:messages ... globalOnly="false" />
<p:growl ... globalOnly="true" />

---

另一种方法是依赖 rendered 属性中的 #{facesContext.validationFailed}。手动添加错误消息时，调用 FacesContext#validationFailed()。

if (error) {
    context.addMessage(null, errorMessage);
    context.validationFailed();
} else {
    context.addMessage(null, successMessage);
}