問題タブ [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 投票する
2 に答える
2667 参照

knockout.js - Knockout.js を使用した Select2 のタグ付けサポート

Knockout.jsSelect2と統合しようとしているときに、通常の方法と思われる方法がタグ付けをサポートしていないように見えることに気付きました。

基本的なサポートを示すjsFiddleがありますが、これを Select2のタグ付けサポートに拡張する方法は明らかではありません。

これを、解決策の基礎を形成すると予想される、より簡潔なjsFiddle の例にまとめました。

Knockout.js を使用して Select2 のタグ付けサポートを取得する方法についての考えや提案をいただければ幸いです。

注:Select2素晴らしいとは思いますが、私は結婚していません。ただし、 でうまく機能するタグ付けサポートの代替提案がある場合は、Knockout.jsそれについて聞くことに非常に興味があります. そうは言っても、問題の解決策はSelect2非常に興味深いと思います。

0 投票する
18 に答える
10133 参照

ruby-on-rails - カピバラDSLでSelect2要素をテストするには?

ajax 経由で結果を読み込むページに Select2 要素がありますこれを capybara/rspec (ポルターガイスト ドライバーを使用) でテストしたいのですが、Select2 要素は実際には隠しフィールドとして開始され、<ul>結果が処理されるとデータが入力されるため、通常のselect,fill_inまたはchooseヘルパーは機能しません。

私が今持っているのは次のようなものです

上記の 4 行目、明らかにカピバラは要素を見つけることができますが、値は変更されず、Select2 は ajax 呼び出しを行いません。fill_in(検索フィールド要素にラベル、id、または名前の属性がないため、通常は使用できません)

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

backbone.js - jquery-select2 オプションで Click and Change イベントが機能しない

jquery-select2 ライブラリを使用してドロップダウンを実装しています。

私の場合、ユーザーがドロップダウン リストのオプションをクリックした後にアクションをトリガーできるようにしたいと考えています。ただし、クリックまたは変更イベントは機能していないようです

haml ファイル:

コーヒースクリプトファイル:

select2ドロップダウンボックスのオプションを変更すると、アクションをトリガーする方法はありますか?

注:クリックイベントと変更イベントの両方を試しましたが、どちらも機能しません

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

jquery-ui - AngularUIを使用したSelect2

私はangularUIでselect2ドロップダウンを使用しています。jquery-ui.cssファイルを含めると正しく機能しません。結果のdivは、コントロールを選択するためにすぐ下に表示されません。jquery-ui.cssを削除すると、正常に機能します。

助けてください!!!

ありがとう

0 投票する
9 に答える
155957 参照

jquery - jquery-select2によって複数値選択ボックスから選択された値を取得しますか?

複数選択に使用されるドロップダウンをバインドするためにSelect2Jqueryを使用しています。select2jqueryを使用しています。

これは正常に機能しています。ドロップダウンをバインドできますが、複数値セレクターから選択した値を取得する必要があります。select2Jqueryでサポートされている値を取得する方法を探しています。関数に選択された値を取得させている可能性があります。
ドロップダウンバインディングコード

0 投票する
15 に答える
253058 参照

jquery - Jquery-Select2 の複数値選択で選択した値を設定するには?

ドロップダウンを にバインドしていJquery-Select2ます。selectBox 正常に動作していますが、今度はを使用して Multi-Value をバインドする必要があり Jquery-Select2ます。

私のドロップダウン

このリンクから http://ivaynberg.github.com/select2/ 私は複数値選択ボックスを使用しています。ドロップダウンをバインドできます

正常に動作していますが、選択した値を編集モードのドロップダウンに取得する必要があるため、次の例を使用しています。

それは機能していますが、ユーザーは何でも選択できるため、どうすれば選択を修正できますか。そのため、a、c を静的に記述することはできないため、選択した値を編集モードで動的にバインドする必要があります。

これで、皆さんは私の要件を明確に理解したと思います。さらにクリアランスが必要な場合はお知らせください。

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

jquery-ui - Jquery Multi-Select 非常に多数のオプションの場合

ユーザーが数千の値のリストから複数の値を選択する必要がある場合を考えてみましょう。使用可能なツールに最も近いのはhttp://quasipartikel.at/multiselect/です

主な問題は、ユーザーが選択しなければならない大量のデータによるものです。私が現在使用しているアプローチは、ユーザーがテキストボックスに最初の文字を入力する必要があり、最初の文字で始まるすべての値が複数選択のために表示されるというものです(したがって、かなりの値のリストにフィルタリングします)。

問題は、それでも値の数が非常に多いため、複数選択オプションをリロードするのに 5 ~ 15 秒かかることです。ただし、値が読み込まれると、ユーザーが後続の文字を入力すると、javascript フィルタリングが残りを処理します。

この状況に取り組むための他の方法について何か提案はありますか????

0 投票する
6 に答える
12971 参照

jquery - Select2でAjaxリクエストにカスタムヘッダーを渡す

Select2にAjaxRemoteデータの読み込みを実装しようとしています:-

AngularJSを使用しています。Httpリクエストごとに、Authtokenをヘッダーとして使用するようにデフォルトで設定しました。しかし、どういうわけか、Select2Ajaxリクエストと組み合わせて機能していません。上記のコードで、コメントされたコードは私の失敗した試みです。

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

jquery - Select2: How to unselect all options and select only one

I’m using Select2, a great plugin.

HTML:

JavaScript:

When I select the “All” option, I need to unselect all previously selected options and have only the “All” option selected.

I’ve tried

as well as

but it does not seem to work for me.

Any clues?

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

jquery - ID /ラベルペアのタグリストでinitSelection()を実行するにはどうすればよいですか?

Select2タグリストを次のように初期化しています。

...そもそも入力ボックスが空の場合、これは扱います。名前で人を選択すると、データベースに送り返すことができるIDの単純な配列が返されます。

ただし、既存の選択でこのリストを初期化する方法について混乱しています。ベンとアンドレアがすでに選択されているページをロードするとします。

Select2にはinitSelection()メソッドがあることがわかりますが、どのように使用するかわかりません。明らかに、上記の例は間違っています。IDを個人名と一緒に渡していないためですが、そのデータをどのように渡す必要がありますか?そして、それからSelect2を正しく初期化するために、initSelectionコールバック関数の実装はどのように見えるべきですか?