問題タブ [jquery-select2-4]

ajaxを使用してselect2で事前定義された選択オプションを設定しようとしています が、ajaxを使用してselect2をクリックすると、以前にあったhtmlオプションが削除されます。オプションをそのままにしておくにはどうすればよいですか無関係な文字を入力するまでそれらを削除しないでください。

明確ではないと思うので、理解を深めるために両方のケースをいじりました

HTML

js

select2 ajax と none ajax のフィドルの例

v3.5.x からのアップグレードに関して、select2 v4.0 を評価しています。これをノックアウト v3.5.2 で使用しています。私たちのシナリオは、ユーザーが ajax 呼び出しからの js オブジェクトに基づいて複数のオプションを選択できるようにすることです。selectedoptions バインディングは、id のリストだけでなく、バ​​インドされた observablearray に js オブジェクト全体を格納する必要があります。

私のテストでは、ここに私が発見したものがあります

これは、事前定義されたオプションのリストを持つ select2 です。各オプションには、id、text、および displayText プロパティがあります。その結果、multipleSelectedObjects オブザーバブル配列が js オブジェクト全体の配列を持つことになります。これは、optionsValue 引数を設定しなかったという事実に基づいて期待するものです。

これは、事前定義されたオプションのリストを持つ select2 です。各オプションには、id、text、および displayText プロパティがあります。その結果、multipleSelectedValue オブザーバブル配列は、選択された js オブジェクトの ID を表す int の配列を持つことになります。これは、optionsValue 引数を設定したという事実に基づいて期待されるものです。

これは、ajax オプションを使用してサービス呼び出しを行い、オプションを返す select2 です。返される各オプションには、id、text、および displayText プロパティがあります。その結果、選択された js オブジェクトの ID を表す int の配列が selectedItems オブザーバブル配列に含まれることになります。これは私が期待するものではありません。上記の最初のselect2で行ったように、optionsTextプロパティだけを設定しようとしましたが、違いはありませんでした

これはselect2の問題かもしれないと思いますが、よくわかりません。select2v4 バインディング ハンドラを以下に示します。ノックアウトが selectedOptions セクションにヒットした最後のシナリオでは、値は文字列であり、ajax を使用するときに select2 がオブジェクト全体を渡すように設定されていないと思わせます。他の誰かがこれを経験していますか？これはバグですか、それとも仕様ですか?

Select2バージョンからバージョン3.5.2にアップグレードしました4.0.

タイピストが記入した多くのフィールドを持つフォームがたくさんあります。

古いバージョン ( 3.5.2) では、タイピストは次のシーケンスを使用していました。

1. 要素に焦点を当てる
2. 数字を入力
3. を押しTabて結果を選択し、次のフィールドに移動します

バージョン4.0では、タイピストは次のことを行う必要があります。

1. 要素に焦点を当てる
2. 打つEnter
3. 番号を入力
4. Enterもう一度押す
5. タブを押してぼかし、次のフィールドに移動します

この明らかな機能の低下を回避する方法はありますか? このバージョンではサポートされていない要素でv3.5.2AJAX を使用しているため、頼りたくない(代わりに隠しタグを使用する必要がある)<select><input>

select2には10 000のオプションがあり、動作が非常に遅いです。3.4 バージョンでは、http://jsfiddle.net/Z7bDG/1/のような無限スクロールを実行できます。しかし、4.0ではoptions.pageクエリ関数にパラメータがなく、スクロール終了時に実行されません。

select2 4.0 バージョンではどうですか?

最新バージョンの Select2 を使用してサイトの API をクエリし、複数選択を返そうとしています。正しいデータをフェッチし、ドロップダウンを適切にフォーマットし、返されたオブジェクトの 2 つのキーを「(A-123) John Johnson」として結合しますが、ドロップダウンはマウスオーバーやクリックに応答しません。

select2.full.min.js および select2.min.css ファイルを使用しています。プロジェクトの目的のために、それらをディレクトリに含め、CDN 経由ではなく、cshtml のバンドル経由でアクセスしています。

HTML:

現時点では、次のようになっています。これが私が望む方法です。

これが関連しているかどうかはわかりませんが、検索中に生成されたソース コードを参照すると、入力は問題ないように見えますが、ドロップダウンのコードは非表示のようにグレー表示されます。

ここや他の場所で見つけた他の提案に従って、いくつかの異なる解決策を試しました。私は最終的に templateResult と templateSelection がどのように機能するかを知り (特にドキュメントのおかげではありません)、ID も返そうとしましたが、実際には何も選択できないようです。オプション。

これが、返されたオブジェクトが有効であることを確認するためのデバッグを含む、私がまとめたものです。

JS:

ID は GUID であり、他に 2 つのフィールドがあります。これを名前とユーザーと呼びます。

データ サンプル:

これに関する質問の山に追加するのは嫌いですが、私が見つけたほとんどの結果は、大幅に異なるオプションを備えた古いバージョンのものであり、まだ機能していません.

Select2() v4.0 のプラグインに問題があります。ブーストラップからmi Modalにリモートデータをロードし、この値を編集したい。私のコードは次のとおりです。

HTML

JS

「select2.full.min.js」を使用しているため、InitSelection は問題ありませんが、InitSelection が select2 コントロールにプリチャージする値を編集しようとすると問題が発生します。値を失い、コントロールをクリアします。

値を削除せずに初期値を編集するにはどうすればよいですか?

私の問題は、以前に作成して保存したデータを編集したい場合です。select2() で編集する方法がわかりません

ありがとう！