JSFバリデーションを使用したCssスタイルの変更

Question

JSFサーバー側の検証後に、失敗したフィールドを強調表示するための要件に取り組んでいます。検証のためにjavascriptを使用することはできません。 cssスタイルの変更とサーバー側の検証をリンクする方法はありますか？

Answer 1

あなたは管理Beanでこれを行うことができます：

public class ValidBean { 

    private UIComponent myComponent; 

    public UIComponent getMyComponent() { 
    return myComponent; 
    } 

    public void setMyComponent(UIComponent myComponent) { 
    this.myComponent = myComponent; 
    } 

    public String getErrorStyle() { 
    FacesContext context = FacesContext 
     .getCurrentInstance(); 
    String clientId = myComponent.getClientId(context); 
    Iterator<FacesMessage> messages = context 
     .getMessages(clientId); 
    while (messages.hasNext()) { 
     if (messages.next().getSeverity().compareTo(
      FacesMessage.SEVERITY_ERROR) >= 0) { 
     return "background-color: red"; 
     } 
    } 
    return null; 
    } 
} 

Requestスコープの変数：

<managed-bean> 
    <managed-bean-name>validBean</managed-bean-name> 
    <managed-bean-class>stylevalid.ValidBean</managed-bean-class> 
    <managed-bean-scope>request</managed-bean-scope> 
    </managed-bean> 

サンプルビュー：

<f:view> 
    <h:form> 
     <h:inputText binding="#{validBean.myComponent}" styleClass="foo" 
     style="#{validBean.errorStyle}"> 
     <f:validateLength minimum="6" /> 
     </h:inputText> 
     <h:commandButton /> 
     <h:messages /> 
    </h:form> 
    </f:view> 

コンポーネントをバッキングBeanにバインドされています。エラーメッセージがコンポーネントのキューに入れられている場合、そのCSSクラス設定はそのスタイル属性で上書きされます。

Answer 2

シームフレームワークは非常に簡単です。これをチェックしてください：http://www.redhat.com/docs/manuals/jboss/jboss-eap-4.2/doc/seam/Seam_Reference_Guide/JSF_form_validation_in_Seam.html