!エンジニア人生を楽しみたい!仕事や趣味で学んだ技術的なことを書いていくブログです。AutoCompleteTweet今回の開発案件ではPrimeFacesのAutoCompleteコンポーネントを利用しています。APIでのフィルタも簡単にできて良い感じです。}}ビューでは、autoCompleteのcompleteMethod属性に対して、表示するリストを返すメソッドをバインドします。value属性には選択した値を格納する変数を指定します。listNogizakaメソッドの引数inputには入力された文字列が都度入ってきます。</h:form></h:body>実行して、テキストに文字を入力すると次のように該当部分がボールドで表示されたリストがでます。該当するリストだけ出したい場合などはフィルタ処理を入れるだけ。APIの練習にもいいですね。候補リストからしか選択できない(リストにない文字列を入力しても無効化される)ようにしたい場合はforceSelectionをtrueにします。何も入力していないときに、全ての項目を出したい場合などにはdropdown属性をtrueにすれば次のようにボタンがついて、クリックすると全ての選択肢が表示されます。cache属性クライアント側で入力文字と結果のキャッシュもできるらしく、cache属性をtrueにすればいいようです。cacheTimeout属性もあって、どれくらい保持するかも調整できるとのこと。選択の反映ビューにラベルを追加して、選択された項目を表示してみます。/></h:form>初期表示です。文字入力して、選択肢を選びます。選択結果が反映されます。ビューにあるajaxイベントが味噌で、これで選択時にサーバサイドへselectedMemberがセットされます。/>属性は他にもあって、基本的にはPrimeFacesのDocumentにちゃんと書いてあるので読んでみてください。日本語入力(IME)がいまいちな感じで使うの諦めました。17今回の開発では選択候補が英数字のみのコードみたいなモノだったので、ちゃんと検証してませんでした。属性と絡めると駄目かもしれないので、注意が必要そうです。PrimeFacesのようなJSFライブラリは、すごく便利な反面、ハマるとホント辛いときがあります。Showcaseだけみて「おー、これ良さげ、採用」と上流工程で決め打ちされると、実際に使うときに「それできない...」みたいなこともありえます(実際何度か経験してます...)なので、あまり普段利用していないコンポーネントの採用時には、しっかり検証することが大事かなと。Scroll)あけましておめでとうございます。~久しぶりにDataTableネタです。ヶ月)長らくC#屋でした。EEを触ることになりました。Web開発も初めてです。日々の勉強メモとしてブログ作成。デビュー当時から堀北真希さんを愛するエンジニアです。現在は乃木坂46が大好きです。(15)にほんブログ村にほんブログ村はてなブログをはじめよう!kikutaro777さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。