問題タブ [jquery-select2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
2570 参照

ruby-on-rails - select2をsimple_formに統合します

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

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

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

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

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

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

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

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

0 投票する
3 に答える
2447 参照

jquery-select2 - select2の高さが違う?

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

select2

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

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

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

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

0 投票する
2 に答える
2087 参照

jquery - Typeerror:grailsgspのselect2の「undefined」

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

htmlに含めました

私のスクリプトでは

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

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

0 投票する
1 に答える
9471 参照

jquery - イベントがSelect2プラグインのajax取得結果に干渉しています

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

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

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

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

0 投票する
1 に答える
4352 参照

jquery-select2 - Select2 - 「無限スクロール」の例のデフォルト値を設定する方法は?

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

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

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

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

0 投票する
4 に答える
46632 参照

javascript - select2 での AJAX によるタグ付け

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

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

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

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

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

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

0 投票する
1 に答える
1689 参照

jquery - Select2 を Slickgrid Editor に適用する

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

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

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

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

0 投票する
2 に答える
41662 参照

jquery - AJAXで挿入した後、Select2にデータを設定します

Select2とAJAX(以下のコード)を使用しています:

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

0 投票する
14 に答える
49541 参照

javascript - select2が非表示の場合、「解決済み」の幅が正しく計算されない

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

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

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

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

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

入力

0 投票する
1 に答える
5119 参照

twitter-bootstrap - angular と twitter-bootstrap を混在させると、Angular-ui select2 が機能しない

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

アップデート:

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