リッチ：popupPanelがコマンドボタンをクリックした後に閉じるのを防ぐ

Question

コマンドボタンをクリックするとパネルが表示されたままになり、実行されたメソッドがエラーメッセージを表示します。

具体的には、日付を取得する入力フィールドのバリデータがあります。この日付が有効でない場合、バッキングBeanのvalidateメソッドがエラーメッセージを作成します。これは、コマンドボタンを使用した後、ポップアップパネルの入力フィールドの横に表示されます。

コマンドボタンをクリックするとポップアップが閉じます。しかし、私がそれを再度開くと、エラーメッセージが表示され、なぜ私はそれが最初の場所で閉じられたのか不思議に思って、maximumSeverity条件が満たされていないと思います。

マイ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検証の正しい流れです。

第2のこと。手動で検証エラーを処理する必要があります。

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を本文に変更しました。