2011-12-20 3 views
3

私は300以上の可能性のある顧客のリストを持っています。私は一行を見つけるためにすべての結果をスクロールしなければならないので、あまりにも簡単です。300行以上のドロップダウンリストに最適なソリューションですか?

古い技術では、どの顧客を選択すべきかを調べる必要があるポップアップを開いたボタンがありました。最初のフォームに選択肢を記録するためにjavascriptを使用しましたが、新しいソリューション技術!

この疑いはどのように解決できますか?大きな<select>タグに最適なソリューションは何ですか?

+0

http://ux.stackexchange.comにあなたの質問を投稿考えます/ – robasta

答えて

3

にこのプラグインを見つけることができ、言ったように。これは標準のJSFコンポーネントセットには存在しません。また、JSFコンポーネントセットの上にJavaScript/jQueryを実装するのは簡単ではありません。なぜなら、使用可能な値がサーバー側の状態でなければならないからです。基本的に<select>はエンドユーザがテキストを入力することを許可しないので、<select><option>ではなく<div><input><ul><li>で表されるドロップダウンリストが必要です。標準のJSFコンポーネントセットには、目的のHTMLマークアップをレンダリングするコンポーネントがありません。基本的にカスタムJSFコンポーネントを作成する必要があります。

完全なJSFオートコンプリートドロップダウンリストを提供しているサードパーティのJSFコンポーネントライブラリがあります。カスタムJSFコンポーネントでホイールを再作成する代わりに、どちらかを使用する方が簡単です。お好きなところをお選びください:

3

あなたはを参照してくださいjqueryのAjaxのオートコンプリート

を試すことができます:あなたは数が多いながらはい、jQueryのオートコンプリートのプラグインはあなたのための最適なソリューションです

http://docs.jquery.com/Plugins/Autocomplete

http://jqueryui.com/demos/autocomplete/

+0

OPは、JSF、wを使用して質問タグごとにあることに注意してくださいhichはステートフルコンポーネントベースのMVCフレームワークです。 jQueryを実装することは、サーバサイドの状態も考慮に入れる必要があるため、それほど簡単ではありません。むしろJSFコンポーネントを代わりに使用したいと思うでしょう。 – BalusC

1

アイテム。

ところで、特定の文字で項目を選択したいとします。ドロップダウンリストを使用している間は、それぞれの最初の文字から名前を入力して、必要な項目をポイントすることができます。しかし、jQueryオートコンプリートを使うと、どこでも文字列や文字群を検索できます。挿入した文字が項目名の最初にあるのか他の場所にあるのかは関係ありません。

ShantanuDあなたはあなたが基本的にオートコンプリートのドロップダウンリストが欲しいhttp://jqueryui.com/demos/autocomplete/

関連する問題