[JSF] f:ajaxの動作確認

JavaのWebアプリケーションフレームワークであるJSFを仕事で使う機会があったので、
備忘録を残そうと思います。

         使用環境

  • NetBeans8.2
  • JavaEE7.0
  • GlassFish4.1.1

JSFでAjaxを使用する

まずは使用例として
クライアントの入力内容を入力に並行して出力するサンプルです。

【view】

【ManagedBean】

【実行結果】
JSF2−1
JSF2−2

このように入力内容がテキストボックスのすぐ横に出力されます。
基本的にviewで設定しているf:ajaxタグのevent属性は、JavaScriptで扱っているイベント名からonを取り除いた文言を使用します。
render属性には更新するコンポーネントのIDを指定します。

コンバータを使用する

これらのコンバータ機能を使うことで
クライアントの入力値をJavaのint型やDate型に設定する際に、¥やカンマを除いたりする手間を省けます。

【view】

【ManagedBean】

【実行結果】
JSF2−3

左が入力値で右がJava変数への設定値になります。

今回は以上です。
今後も役立ちそうな機能をアップしていきます。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする