防止rich：popupPanel點擊命令按鈕後關閉

Question

我希望我的面板保持可見狀態，當我點擊命令按鈕並且執行的方法調用錯誤消息時。

更具體地說，我有一個輸入字段的驗證器，它應該會得到一個日期。如果這個日期無效，我的支持bean中的validate方法會創建一條錯誤消息。這應該顯示在使用命令按鈕後彈出面板中的輸入字段旁邊。

點擊命令按鈕關閉彈出窗口。但是如果我重新打開它，會顯示錯誤消息，這讓我不知道爲什麼它在第一時間關閉，而最大嚴重性條件未得到滿足。

我的XHTML頁面：在支持Bean

<h:body> 
    <h:commandButton id="note" value="Neuer Satz"> 
     <rich:componentControl target="note_panel" operation="show" /> 
    </h:commandButton> 

    <rich:popupPanel id="note_panel" modal="true" autosized="true" 
     resizeable="false" header="Neuen Mehrwertsteuersatz vormerken" 
     domElementAttachment="form"> 
       Gültig ab 
       <h:inputText id="newVorGueltigAb" 
      value="#{mehrwertsteuerBean.neuGueltigAb}" maxlength="10" 
      validator="#{mehrwertsteuerBean.validateNewDate}" /> 
     <h:message for="newVorGueltigAb" style="color:red" /> 
     <h:commandButton value="Vormerken" 
      action="#{mehrwertsteuerBean.addSteuersatz()}" 
      oncomplete="if (#{facesContext.maximumSeverity==null}) 
        #{rich:component('note_panel')}.hide(); return false;" /> 
     <h:commandButton value="Abbrechen" 
      onclick="#{rich:component('note_panel')}.hide(); return false;" /> 
    </rich:popupPanel> 
</h:body> 

我的驗證方法：

所有的

public void validateNewDate(FacesContext context, UIComponent toValidate, 
      Object value) { 
     String regex = "([0-9]{2}).([0-9]{2}).([0-9]{4})"; 
     String date = (String) value; 
     if (date.matches(regex)) { 
      validNewDate = true; 
     } else { 
      validNewDate = false; 
      String message = "Bitte gültiges Datum eingeben!"; 
      context.addMessage(toValidate.getClientId(context), 
        new FacesMessage(message)); 

     } 
} 

Answer 1

首先，當你想驗證失敗，你必須拋出異常。所以它必須看起來是這樣的：

public void validateNewDate(FacesContext context, UIComponent toValidate, Object value) { 
    String regex = "([0-9]{2}).([0-9]{2}).([0-9]{4})"; 
    String date = (String) value; 
    if (!date.matches(regex)) { 
     String message = "Bitte gültiges Datum eingeben!"; 
     throw new ValidatorException(
      new FacesMessage(FacesMessage.SEVERITY_ERROR, message, null)); 
    } 
} 

如果這樣做會有模型，沒有發生在你的commandButton不會被解僱的動作。這是JSF驗證的正確流程。

第二件事。你必須手動處理驗證錯誤。要檢查是否有一些錯誤，我用這個：

public boolean isNoErrorsOccured() { 
    FacesContext facesContext = FacesContext.getCurrentInstance(); 
    return ((facesContext.getMaximumSeverity() == null) || 
       (facesContext.getMaximumSeverity() 
        .compareTo(FacesMessage.SEVERITY_INFO) <= 0)); 
} 

而與此您可以a4j:commandButton是這樣的：

<a4j:commandButton value="Vormerken" execute="note_panel" 
    action="#{mehrwertsteuerBean.addSteuersatz}" 
    render="note_panel" 
    oncomplete="if (#{facesHelper.noErrorsOccured}) {#{rich:component('note_panel')}.hide();} 
       else { console.log('OMG! I\'ve got an error!'); }" /> 

---

更新：

都應該看起來像這樣：

<rich:popupPanel id="note_panel" modal="true" autosized="true" resizeable="false" 
    header="Neuen Mehrwertsteuersatz vormerken" domElementAttachment="body"> 
    Gültig ab 
    <h:form> 
     <h:inputText id="newVorGueltigAb" value="#{mehrwertsteuerBean.neuGueltigAb}" maxlength="10" 
      validator="#{mehrwertsteuerBean.validateNewDate}" /> 
     <h:message for="newVorGueltigAb" style="color:red" /> 
     <a4j:commandButton value="Vormerken" execute="@form" action="#{mehrwertsteuerBean.addSteuersatz}" 
      render="@form" 
      oncomplete="if (#{mehrwertsteuerBean.noErrorsOccured}) {#{rich:component('note_panel')}.hide();}" /> 
     <h:commandButton value="Abbrechen" 
      onclick="#{rich:component('note_panel')}.hide(); return false;" /> 
    </h:form> 
</rich:popupPanel> 

注：

• 缺少<h:form>！
• render屬性，因爲在驗證錯誤的情況下必須渲染面板。
• action末尾沒有括號。
• execute屬性設置爲僅彈出。這將導致整個表單中的其他字段不會更新。
• 由於h:form在彈出框內，我已將domElementAttachment更改爲正文。