中年プログラマーの息抜き

カシマルです。 最近、新しい土地へ引っ越しをしたのですが、これを機に何か始めたいなと思ってブログをはじめました。気の向くままに更新していきます。

JSFでエラー項目の背景色を変える

はじめに

・今回はJSFで「エラー項目の背景色を変更」してみます。

方法

・PhaseListener(RENDER_RESPONSE)でstyleClass(has-error)を操作ます。

説明

レンダリング直前にCONTEXTを編集

XHTMLでstyleClassを定義
    <input type="text" jsf:styleClass="form-control" />

cssへエラー時の背景色を設定
    .form-control.has-error {
          background-color:#f2dede !important;
    }
    .form-control.has-error:-webkit-autofill {
          -webkit-box-shadow: 0 0 0px 1000px #f2dede inset;
    }

まとめ

・component.clientIdを利用した処理+XHTMLの全コントロールへ設定というほうが柔軟なのかもしれませんが、HTMLで意識して実装しなくてはなりません、 単純なコントロールは今回の方法で十分に機能します。 このためだけにlistener定義するのは、少し大げさなのかもしれませんけど、RENDER_RESPONSEは、他の処理もするので少しコードが増えるだけですよね・・・OK