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

jquery - angular js に ui-select2 の新しいオプションを追加

jqueryのselect2プラグインを使用するangularjsでui-select2を使用しています。事前に定義されたリストがあり、何かを検索し始めたときに、それがリストに見つからない場合は、新しい値を追加したいと考えています。私はこのようなことをしています:

しかし、クリックは機能せず、addCountry のコンソールは印刷されません。angular js で ui-select2 の新しいオプションを追加する方法はありますか?

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

javascript - ディレクティブ内の ui-select2 がコントローラー モデルを更新していない

コレクションを取り込んでドロップダウンを作成するディレクティブがあります。

これはうまくいきます。ドロップダウンを問題なく構築します。ドロップダウン値を変更すると、2 番目のウォッチ関数が呼び出され、コレクション選択の値が必要な値に設定されていることがわかります。ただし、ディレクティブに入れた collectionchoice は、新しい選択にバインドされません。

それが HTML マークアップです。

これはJavaScriptです:

次に、新しいユーザー ロールを投稿するときに、ユーザー ロール フィールドを次のように設定します。

しかし、ドロップダウンを更新したにもかかわらず、これは最初の項目のままであり、ウォッチ機能に従って正しい値に変更されました。ここで何が欠けていますか?

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

javascript - AJAX multiselect を使用した Angular ui-select2 - 最終的な選択値を json ではなく ID として取得する

AJAX multiselect を使用した Angular ui-select2 - 最終的な選択値を json ではなく ID として取得する

問題文

モデル内の ID の配列を編集するために、tokeninput/chosen/select2 スタイルの UI コントロールを使用したいと考えています。その ID の配列は、私がエディター/フォームを作成している大きなモデルの 1 つのプロパティの値です。ID の配列を編集した後、モデルをサーバーに送信するときに、そのプロパティを json オブジェクトの配列としてではなく、ID の配列として送信する必要があります。

angular の ui-select2 コンポーネントを使用すると、プロパティの内容が json オブジェクトの配列に置き換えられます。編集が完了した後にそれを元に戻す方法は明確ではありません。間違ったコンポーネントを使用している可能性があると思いましたが、Angular でこの種のことを行う場合、すべてのスレッドが ui-select2 の使用を指しているようです。

説明

データ モデルは、ID の配列である「myProp」プロパティから始まります。

ui-select2 ディレクティブは、これらの ID を json オブジェクトに置き換えます。ui-select2 がロードされたモデルの例を次に示します。(このプランカーのライブデモ: http://plnkr.co/edit/vEf1VwnRHNYdB9AuR9zO ):

モデルを保存するときに、このプロパティをjson オブジェクトの配列ではなく、 ID の配列としてサーバーに送信する必要があります。したがって、基本的には、配列を json オブジェクトではなく id だけにフラット化したいと考えています。select2 API は、この ID の配列を返すvalメソッドを提供します。angular の ui-select2 コンポーネントのコンテキストでどのように使用できますか?

警告:複数のプロパティのページでこれを複数回行っているため、プロパティに固有のハードコードされた修正は機能しません。select2で編集しているプロパティに対して自動的に発生するものでなければなりません

サンプルコード

(このプランカーのコードを参照してください: http://plnkr.co/edit/vEf1VwnRHNYdB9AuR9zO )

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

javascript - AngularJS、Select2 - ngDisabled を使用してドロップダウンで true/false 値をバインドする

私は次のことをしようとしています:

  • Select2 を使用して、単純な Yes/No ドロップダウンを表示します (ID として true と false の値を使用)。
  • ngModel を使用して、ドロップダウンの値をモデルにバインドします
  • true/false 値を使用してテキストボックスを有効/無効にする

こちらがプランカー

チェックボックスが機能する通常の例と、select2の例があります。

違いは、select2 ドロップダウンを値の配列にバインドしていることです。また、JSON は true/false 値に関連付けられた文字列のデータ型を反映しているようです。つまり、文字列「true」と「false」としてバインドされています。

編集: タグの値は文字列にしかできないことを認識しています。したがって、私の答えを見てください。

0 投票する
16 に答える
426538 参照

jquery - JqG​​ridでselect2ドロップダウンの選択値を変更するにはどうすればよいですか?

Oleg のselect2 demoを使用していますが、ドロップダウン メニューで現在選択されている値を変更できるかどうか疑問に思っています。

たとえば、読み込まれた 4 つの値が"Any", "Fruit", "Vegetable", "Meat"で、ドロップダウン リストのデフォルトがである場合、JqGrid イベントで"Any"それを変更するにはどうすればよいでしょうか。"Fruit"loadComplete

これは可能ですか?

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

angularjs - Angularjs、動的タグと onclick を使用した select2

「ui_select2」ディレクティブでangularjsを使用しています。Select2 は書式設定機能を使用して新しいタグを描画します。「ng-click」属性を持つ「」要素があります。新しいDOM要素についてangularjsに伝える方法は? そうしないと、新しい「ng-clicks」が機能しません。

HTML:

JS (角度コントローラー):

問題は、select2 が angularjs によってまだ発見されていない DOM 要素を作成することです。angularjs $compile 関数を使用して新しい DOM 要素をいくつかの要素に追加する必要があることを読みましたが、コントローラーでは使用できません。

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

javascript - Angular 1.2 アップグレード後の Angular UI-Select ドロップダウン値の問題

Angular を 1.2 RC 2 から 1.2 final にアップグレードし、select2.js を 3.4.0 から 3.4.3.1 にアップグレードしました。現在、いくつかのドロップダウンで値が正しく表示されていないことに気付きました。

ドロップダウン値は実際に設定されており、ドロップダウンを開くと強調表示されます。バッキング モデルの値が最初に設定されている場合は、正しく表示されます。後で設定した場合、たとえば HTTP 呼び出しが返された後またはタイムアウトした後、$scope.apply を使用しても、ドロップダウンは設定された値をレンダリングしません。

Angular 1.2 が削除された後、Angular UI 自体 (UI 選択を含む) が更新されていないことに気付きましたが、これは奇妙に思えます。

ワーキング プランカー:
http://plnkr.co/edit/unQGrqUr7IJinDEioERf?p=preview

plunker の app.js に注意してください。短いタイムアウトの後、次数タイプ ID の値が 2 に設定され、「Associates」にマップされます。ドロップダウンには、その値の代わりにプレースホルダー テキストが引き続き表示されますが、ドロップダウンを開くと Associates が選択されています。

この機能は、アップグレード前に機能していました。この点で重大な変更について何も飛び出していないので、これはUI-selectで対処する必要があると思いますか? それとも、以前はうまくいかなかった何か間違ったことをしていたのでしょうか?

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

angularjs-select2 - angularjsでSelect2を使用し、ng-optionsを使用すると正しく表示されない

コードを選択:

生成されたコード: (ui-select2="{allowClear: true}" の削除)

結果: http://i.imgur.com/iStWMMn.png

問題: ご覧のとおり、生成されたコードでは 3 番目のオプションが選択されており、ドロップダウンを開くと (画像) も選択されていますが、(初めて開く前に) 閉じている間は、選択したオプションが表示されません。

それがどのようにとどまり、どのようにあるべきか: http://i.imgur.com/D5EchRr.png

それで...(生成されたhtmlで)選択された場合、選択されたように表示されないのはなぜですか?

0 投票する
0 に答える
1911 参照

angularjs - angularjs + ui-select2 モジュールが initSelection を正しくトリガーしない

複数選択を有効にして AngularJS + Select2 を実装しようとしています。

完全な angular-ui パッケージを含めると機能しますが、完全なバージョンは使用したくありません。

だから、私は同じことをしようとしましたが、 ui-select2 モジュール自体を含めるだけで、initSelection がこのように機能しないことに驚きました。

両方の試行を説明するために 2 つのプランカーを用意しました。最初の例は機能しません。ui-select2 モジュールのみが含まれていることを示し、2 番目の例は機能し、完全な angular-ui パッケージが含まれています。

1º 例 (動作しません) http://plnkr.co/edit/YOrzQKGx3py24Lf3JQ2Z?p=preview

2º 例 (作品) http://plnkr.co/edit/ZeYgJyLHo30hTi2DerJZ?p=preview

select2 の下にある「set selected」ボタンをクリックします。

これを約12時間処理した後、行き詰まりました。angularjs+angular-ui Guru は、ここで何が起こっているかを知っていますか?

これを ui-select2.js だけで機能させる必要があるため、例 1 を機能させる必要があります。

何か案は?

どうもありがとうございました。