0

新しい注文フォームでは、ユーザーはドロップダウン リストから顧客を選択する必要があります。ドロップダウン リストには多数の顧客が含まれており、上下にスクロールして見つけて選択するのは困難です。これが、検索可能な を構築したい理由ですdrop down list。ユーザーが顧客の名前の数文字を入力すると、ドロップダウン リストは他のすべての文字を除外し、キー入力した文字を含む顧客の名前のみが残ります。 と を使用simple_formしてrails 3.2.8います。text boxできる 1 つの方法は、検索文字列を入力するための を追加し、ajaxそれに応じてドロップダウン リストをロードするために呼び出すことです。これには、冗長な追加のテキスト フィールドが必要です。ユーザーがドロップダウン ボックスに直接入力でき、それに応じてリストが除外される解決策はありますか? ありがとう。

4

3 に答える 3

3

JQuery UI オートコンプリート コンボボックスを見てください。ドロップダウン機能と検索 (オートコンプリート) 機能の両方を提供します。simple_form で問題なく動作するはずです。

http://jqueryui.com/autocomplete/#combobox

私が見つけた実装の最良の例は次のとおりです 。

于 2012-10-17T16:54:36.053 に答える
1

https://github.com/seatgeek/soulmateにある Soulmate gem でかなりの成功を収めています。gem についても詳しく説明した記事があります: http://patshaughnessy.net/2011/11/23/finding-your-soulmate-autocomplete-with-redis-in-rails-3-1

于 2012-10-17T17:25:47.283 に答える
1

プロジェクトで jQuery UI をまだ使用していない (または使用したくない) 場合は、select2 を使用できます: http://ivaynberg.github.com/select2/

于 2012-10-17T17:36:27.833 に答える