問題タブ [ui-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 に答える
112 参照

c# - javascript で select2 コントロールを操作するときの AmbiguousMatchException

私はすでに他の多くの投稿を調べましたAmbiguousMatchExceptionが、私の問題を解決する方法がわかりません。Web APIを使用してJavaスクリプトにシリアル化することにより、フロントエンドに使用する以下のクラスに似たPOCOがあります

これら 2 つのプロパティは同じ名前ですが、ケースが異なります。これは、ID が永久に存在し、Java スクリプトでこのプロパティを必要とする Select2 コントロールで機能するようにプロパティ ID が含まれているためです。ただし、このオブジェクトが json から ac# オブジェクトにデシリアライズされると、

json は動的オブジェクトです

プロパティ名があいまいですというエラーが表示されます。プロパティがハードコードされている他の多くの場所にIDがあるため、IDを削除できませんが、IDなしでselect2を機能させることもできません。これらすべてを連携させるにはどうすればよいですか

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

javascript - angular-ui-select2 0.0.5 による事前選択オプション

Angularng-modelを使用して select2 選択ボックスでオプションを事前選択するのに問題があります。これが私のコードです:

コントローラーのAngularコード

HTML

データ

私が知る限り、これは angular-ui-select2 のバージョン 0.0.2 で機能しますが、そのバージョンより上では機能しません。これを行う方法に関する情報が見つかりません。

前もって感謝します!

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

javascript - ディレクティブで Angular ui-select2 formatNoMatches をオーバーライドする

ディレクティブ テンプレートに複数selectがあり、「一致が見つかりません」というメッセージをカスタマイズしたいと考えています。http://ivaynberg.github.io/select2/のドキュメントによると、メソッドをオーバーライドすることで実行できますformatNoMatches

これが私selectのディレクティブのテンプレートです:

linkこれは、ディレクティブの JS ファイルの関数に入れたことです。

ただし、selectオプションが不足すると、「カスタム メッセージ」ではなく「一致するものが見つかりませんでした」と表示されます。私は何を間違っていますか?ありがとう。

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

angular-ui - angular-ui ui-select2 - クエリ関数の使用方法

ivaynberg の select2には、この優れた機能(への呼び出しに渡されるオブジェクトqueryのプロパティ) があります。optionsselect2({})

私が抱えている問題は、angular-ui の ui-select2実装でこの機能を使用することです。

私は次のようなことをしたい:

のように..私はこのようなものを機能させることができませんでした-クエリは呼び出されません-そして、ivynbergのgithubページで提案されているように実行し、をに変更する<select>と、<input type="hidden" ... />何も表示されません。

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

angularjs - アコーディオン内の ui-select

Plunkr : http://plnkr.co/edit/17ime385yybvlCXWBsTX?p=preview

アコーディオン タブが ui-select (ui-select2 ではない) の検索結果と重なっています。plunkrで問題を再現しました。css を z-index で微調整しようとしましたが、うまくいかないようです。これを修正する方法

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

javascript - Angular ui-select2 ディレクティブに適用可能なオプションはありますか?

次の Angular select2 コントローラーがあるとします。

モデル データは、コントローラーから次のように取得されます。

問題は次のとおりです。

  1. コントロールが最初に画面に表示されたときは、昔ながらのselectドロップダウン コントロールのように見えます
  2. 一瞬、幅が 0 になる
  3. コントロールの UI は、コントロールのように見えるように再び更新されますが、select2その幅はプレースホルダーと同じくらい小さいだけです。
  4. コントロールにデータがロードされた後、240px にサイズ変更されます

データが取得される前 (前$scope.projectList = ...) に幅を設定しようとすると、次のエラーが発生します。

Select2 s2id_projectListSelection に対してクエリ関数が定義されていません ... angular.js:9402 RangeError: 最大コール スタック サイズを超えました ...

DOM が完全にロードされていないため、これは理にかなっています。そう...

ただし、幅が最初にプレースホルダーに準拠し、次にデータが読み込まれると幅の広い設定に準拠するという同じ問題がまだ見られます。

私はこれを回避することができました:

しかし、それはちょっと醜いです。

質問:

  1. データがロードされているかどうかに関係なく保持される幅オプションはありますか?
  2. 「データを読み込んでいます...」などのメッセージを表示してから、別のメッセージを表示できるプレースホルダーオプションはありますか? データがロードされたら「プロジェクトを選択してください...」?
0 投票する
1 に答える
322 参照

angularjs - プレーンな値をモデル Select2 angular-ui に渡します

angular-ui からselect2を使用します。すべて正常に動作しますが、ng-model オブジェクトに渡され、単純な値を取得する必要があります

これはコントローラーにあります

そしてこれを視野に

しかし、結果は {id: 0, text: 'kg'} であり、そのオブジェクトからのテキストのみが必要です。.val() で取得できることはわかっていますが、angular では使用できません...出力をフォーマットするにはどうすればよいですか? 出来ますか?ありがとう