問題タブ [jquery-select2]

フォームでselect2を使用しています。しかし、アプリケーション全体でそれを使用したい。

この部分はapplication.html.erbにあります

そしてこれは私の見解では：

これは、ビューの実際の入力です。

これは問題なく動作します。ただし、これをすべてのビューで繰り返したくないので、simple_viewで処理したいと思います。

私が使用する場合はそれが最善でしょう：

自動的に：document_ready部分に配置されます。したがって、ページに3つの選択がある場合、：select2で指定されているすべてのオプションを使用してすべての選択を実行します。

これはカスタム入力で可能ですか？または他の方法？

次のようなselect2リストボックスがあります。

最初の値は空で問題なく動作しますが、ボックスの高さが十分ではないようです。

私はそれを作成するために次の呼び出しを行います:

これは、select2 が呼び出される前の HTML です。

最初に空の値があることがわかりますが、それは問題ありませんが、高さの半分ではなく、正しく表示されるはずです。

grailsプロジェクトでアプリケーションのタグ付けサポートに使用されるフィールドを設定するためにselect2を使用しています。

htmlに含めました

私のスクリプトでは

jsファイルとcssファイルが含まれていますが、コンソールに表示されるエラーは

誰かがこれらの問題を解決するのを手伝ってもらえますか？

IgorVaynbergのSelect2jQueryプラグインとInfiniteScrollwith Remote Dataオプションを使用して、自分のWebサイトのオートコンプリート検索ボックスを作成しています。AJAXは正常に機能しており、結果は表示されていますが、選択できません。変更イベントが発生することはなく、結果をクリックしても何も起こりません。

Chromeコンソールにもエラーが表示されないので、構文エラーではなく、プラグインが無効な選択ボックスと間違えていると思います。編集：どちらも発生しなかった結果リストに対して別のクリック時イベントを試したので、イベントを妨害する何かがあると確信しています。

これが現在の私のコードです、

選択ボックス自体は、次のタイプの入力にすぎません：非表示

レコードを編集するためのフォームを開いています。「無限スクロールselect2」を使用しています。

そのフィールドにすでに保存されているオプションを入力に表示したい (レコードを編集している...)

どうやってやるの？この方法は機能しません:

それを示すためにjsfiddleを作成しました：http://jsfiddle.net/lucianocosta/Dyh8W/1/

select2でタグ付けをしています

select2には次の要件があります。

1. select2 ajaxを使用していくつかのタグを検索する必要があります
2. また、リストにない値を許可するselect2で「タグ」を使用する必要があります(Ajax結果)。

どちらのシナリオも独立して機能します。ただし、一緒に結合された aJax 値は入力されるだけです。リストにない他の値を入力すると、「一致が見つかりません」と表示されます

私のシナリオ ユーザーがリストにない新しい値を入力した場合、ユーザーが独自のタグを作成できるようにします。

これを機能させる方法はありますか？

この回答で提案されているように、ドロップダウン エディターを使用して、次のように選択を作成しています。

ここで、ドロップダウンにselect2を使用したいと思います。

select2ドロップダウンに適用するには、 を呼び出す必要があります$("#my_select").select2()。選択エディターはグリッドに動的に追加されるため、その方法は明らかではありません。

after_render のようなものが必要ですが、表示イベントの前に select2 を適用します。ヒントをいただければ幸いです。

Select2とAJAX（以下のコード）を使用しています：

クライアントが見つからない場合、ユーザーはボタンを使用してモーダルを開き、新しいクライアントを追加できます。新しいクライアントのreturn（json with idとnamae）を使用して、データ（名前など）をselect2に入れることができます。選択したとおりですか？

私はTwitterブートストラップと素晴らしいSelect2プラグインを使用しています。

{width: 'resolve'}これらはうまく機能しています。Select2を開始するときに設定する必要があることに気付きました。そうしないと、混乱しているように見えます。

しかし、下の画像でわかるように、選択の1つに問題があり、選択のReferee Type幅が正しくありません。

これは、このフィールドが最初は非表示になっていて、[グループ]フィールドで[審判]が選択されている場合にのみ表示されるために発生します。

では、どうすればこれを修正できますか？

同じWebアプリケーションでangular-uiとbootstrapを使用していますが、ui-select2コンポーネントを使用しようとすると問題が発生します.ドロップダウンリストで要素を選択すると、 ng-model に関連付けられた変数は正しく更新されますが、空のように表示されます。メイン ページから bootstrap.js ファイルのインクルードを削除すると、この奇妙な動作はなくなります。angular-js とブートストラップの両方を同時に使用した経験がある人、および/またはそれらを連携させるために適用する微調整について知っている人はいますか?

アップデート：

ui-select2 コンポーネントは input-append div 内にあり、div を削除するだけで問題が解決します。ここで Angular-ui ui-select2 オリジナル サンドボックス デモのフォークを作成しました。「バージョン 2」の例に移動して、リスト内の値を選択するとモデルが正しく更新されるが、入力要素が更新されないことを確認できます。