問題タブ [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.
ruby-on-rails - select2をsimple_formに統合します
フォームでselect2を使用しています。しかし、アプリケーション全体でそれを使用したい。
この部分はapplication.html.erbにあります
そしてこれは私の見解では:
これは、ビューの実際の入力です。
これは問題なく動作します。ただし、これをすべてのビューで繰り返したくないので、simple_viewで処理したいと思います。
私が使用する場合はそれが最善でしょう:
自動的に:document_ready部分に配置されます。したがって、ページに3つの選択がある場合、:select2で指定されているすべてのオプションを使用してすべての選択を実行します。
これはカスタム入力で可能ですか?または他の方法?
jquery-select2 - select2の高さが違う?
次のようなselect2リストボックスがあります。
最初の値は空で問題なく動作しますが、ボックスの高さが十分ではないようです。
私はそれを作成するために次の呼び出しを行います:
これは、select2 が呼び出される前の HTML です。
最初に空の値があることがわかりますが、それは問題ありませんが、高さの半分ではなく、正しく表示されるはずです。
jquery - Typeerror:grailsgspのselect2の「undefined」
grailsプロジェクトでアプリケーションのタグ付けサポートに使用されるフィールドを設定するためにselect2を使用しています。
htmlに含めました
私のスクリプトでは
jsファイルとcssファイルが含まれていますが、コンソールに表示されるエラーは
誰かがこれらの問題を解決するのを手伝ってもらえますか?
jquery - イベントがSelect2プラグインのajax取得結果に干渉しています
IgorVaynbergのSelect2jQueryプラグインとInfiniteScrollwith Remote Dataオプションを使用して、自分のWebサイトのオートコンプリート検索ボックスを作成しています。AJAXは正常に機能しており、結果は表示されていますが、選択できません。変更イベントが発生することはなく、結果をクリックしても何も起こりません。
Chromeコンソールにもエラーが表示されないので、構文エラーではなく、プラグインが無効な選択ボックスと間違えていると思います。編集:どちらも発生しなかった結果リストに対して別のクリック時イベントを試したので、イベントを妨害する何かがあると確信しています。
これが現在の私のコードです、
選択ボックス自体は、次のタイプの入力にすぎません:非表示
jquery-select2 - Select2 - 「無限スクロール」の例のデフォルト値を設定する方法は?
レコードを編集するためのフォームを開いています。「無限スクロールselect2」を使用しています。
そのフィールドにすでに保存されているオプションを入力に表示したい (レコードを編集している...)
どうやってやるの?この方法は機能しません:
それを示すためにjsfiddleを作成しました:http://jsfiddle.net/lucianocosta/Dyh8W/1/
javascript - select2 での AJAX によるタグ付け
select2でタグ付けをしています
select2には次の要件があります。
- select2 ajaxを使用していくつかのタグを検索する必要があります
- また、リストにない値を許可するselect2で「タグ」を使用する必要があります(Ajax結果)。
どちらのシナリオも独立して機能します。ただし、一緒に結合された aJax 値は入力されるだけです。リストにない他の値を入力すると、「一致が見つかりません」と表示されます
私のシナリオ ユーザーがリストにない新しい値を入力した場合、ユーザーが独自のタグを作成できるようにします。
これを機能させる方法はありますか?
jquery - AJAXで挿入した後、Select2にデータを設定します
Select2とAJAX(以下のコード)を使用しています:
クライアントが見つからない場合、ユーザーはボタンを使用してモーダルを開き、新しいクライアントを追加できます。新しいクライアントのreturn(json with idとnamae)を使用して、データ(名前など)をselect2に入れることができます。選択したとおりですか?
javascript - select2が非表示の場合、「解決済み」の幅が正しく計算されない
私はTwitterブートストラップと素晴らしいSelect2プラグインを使用しています。
{width: 'resolve'}
これらはうまく機能しています。Select2を開始するときに設定する必要があることに気付きました。そうしないと、混乱しているように見えます。
しかし、下の画像でわかるように、選択の1つに問題があり、選択のReferee Type
幅が正しくありません。
これは、このフィールドが最初は非表示になっていて、[グループ]フィールドで[審判]が選択されている場合にのみ表示されるために発生します。
では、どうすればこれを修正できますか?
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」の例に移動して、リスト内の値を選択するとモデルが正しく更新されるが、入力要素が更新されないことを確認できます。