問題タブ [jquery-select2-4]

Select2 でロード オン デマンド ドロップダウンを使用しています。jquery を使用して選択したドロップダウン値を設定する必要があります。以下のコードを試していましたが、うまくいかないようです。誰でもこれを達成する方法について考えがあります。

コード

データを追加するselect2コントロールがあります。うまくいきました、データが追加されました。

ただし、選択に存在していた空のオプションが突然表示されますが、最初はそうではありません (通常、コントロールの右側にある選択 2 の十字をクリックして選択を消去します)。

データを追加するときに空のオプションが表示されないようにするにはどうすればよいですか?

私のコード:

空のオプションがどのように表示されるかを示すフィードがあります: https://jsfiddle.net/v1skjwqy/1/

select2 コンポーネントを使用する必要がある Web ページがあります。ロード時にも選択した値を表示する必要があります。私のJSファイルには2つの構造があります

JS - 選択/削除オプション用のコンストラクト 1

JS - オンロードをケータリングするためのコンストラクト 2

ここでの問題は、選択の繰り返しが発生しており、より多くのオプションを選択すると繰り返しの回数が増えることです。ここで私を助けてくれませんか？

私のSelect2は3.5で正しく動作していました..

v4.0 (「フル」ではなく、必要に応じてキーワード/機能を変更) にアップグレードしてから、余分な AJAX 呼び出しが行われるという奇妙な問題が発生しました。ただし、URL が定義されていないため、404 Not Found エラーが生成されます。URL はhttps://localhost:8443/myapp/undefined です。

それらは、存在する templateResult と templateSelection に関連しているようです。それらをコメントアウトすると、select2 は正しく機能します (ただし、データはフォーマットされていません)。

それらをコメントアウトしないと、初期化時に不思議な/未定義のAJAX呼び出しが1回発生し、選択ボックスをクリックすると1回、次に入力する文字ごとに1回呼び出されます(minimumInputLengthを設定しても)。ただし、これらの偽の AJAX 呼び出しを使用しても、私の「本物の」ajax 呼び出しは実行され、結果 (templateResult/templateSelection によって適切にフォーマットされます) が返されます。「escapeMarkup」の有無にかかわらず、動作に違いはありませんでした。

これらの不適切な AJAX 呼び出しを引き起こしているのは何ですか?どうすれば停止できますか? （そうでなければ、それはうまく機能しているため）

前もって感謝します！

編集 ここに、問題を示す完全なページがあります。追加のネットワーク呼び出しは、formatResult 関数で使用するタグによって生成されます。しかし、「読み込み中」状態にあるはずなのに、なぜ html を返すのでしょうか?

さて、「プレースホルダー」を設定すると、読み込み変数が設定されないことが判明したため、html が返されます (不正な形式のタグ付き)。

そのため、プレースホルダーが設定されている場合、templateResult と templateSelection も空の ID をチェックする必要があります。

アンパサンド js アプリで select2 バージョン 4.0 を使用しようとしています。つまり、npm と browserify を使用しています。

残念ながら、select2 をロードできません。

console.log関連する場所にいくつかのステートメントを追加してそれらの出力を確認できるため、js ファイルはエラーなしで読み込まれています。

しかし、select2 を使用しようとすると、定義されていないと言われます。

キャッチされていない TypeError: $(...).select2 は関数ではありません

これが私がやろうとしていることです。

select2.js https://github.com/select2/select2/blob/4.0.0/dist/js/select2.js#L14のこの行から問題が発生していると感じています

具体的にはそれが呼び出されるfactory(require('jquery'));ので、select2がjQueryのコピーにロードされ、それが破棄されると思いますか?

私はそれを動作させることができないことを除いて、同じことのように聞こえるこの問題を見つけました: npm browserify version of jquery-select2 version 4.x

templateResult を使用して select2 の選択肢をフォーマットし、選択したテキストの前に fontawesome アイコンを含めようとしています

残念ながら、ドキュメントに従っていましたが、機能していません。フォントのすばらしいアイコンは表示されますが、翻訳でテキストが失われます

これは、私が実際に話していることを確認するためのコードの js フィドルです。

http://jsfiddle.net/46f9c7jy/

私は次のようなSELECTを作成しています：

次に、select2 インスタンスを起動します。

そして、私はこれを見ます：

ただし、AJAX は確実に機能しており、新しいアイテムを追加できます。

また、Select2 インスタンスには、クロスしかない項目に対しても適切なデータがあります。

Bootstrap 3.3.4、Select2 4.0、および Jquery Validation 1.13.1 を使用するプロジェクトがあります。

jqueryバリデーターのデフォルトを、ブートストラップ3クラスのスタイルに設定しました

しかし、これらのデフォルトはselect2フィールドを同じスタイルに設定しません...下の画像では、「metals」選択はブートストラップフィールドですが、「colors」選択はselect2フィールドです。

他の SO を検索してみましたが、これらはすべて select2 の 3.5.xx バージョンを使用しています

写真の例の jsfiddle を含めました。select2 が均一に見えるようにバリデーターのデフォルトを調整したいと考えています。

http://jsfiddle.net/z49mb6wr/

Select2 4.0 の新しいバージョンでは、フォーカス イベントが削除されました。どうすればそれを実践できますか、またはどのように機能させることができますか? 私は自分でそれをやろうとしてきたので。

Select2ドロップダウンで「x」ボタンを押して、allowClearデフォルト（事前定義）値を有効に設定することは可能ですか?