問題タブ [bootstrap-multiselect]

私はノックアウト js で大規模な SPA を設計するの Steve Sanderson の例に従っています。テンプレートに bootstrap-multiselect ウィジェットを作成したいと考えています。に含め"bootstrap-multiselect": "src/bower_modules/bootstrap-multiselect/dist/js/bootstrap-multiselect",ましたrequire.config.js。

bootstrap-multiselect はノックアウト対応です - ノックアウト バインディング ハンドラーが既に組み込まれています。

init:その全体とupdate:関数をコピーしてコンポーネント js に貼り付けると、ウィジェットをレンダリングして適切に動作させることができます。しかし、私はそれをする必要はありません。AMD モジュール内に bootstrap-multiselect バインディング ハンドラを含めるにはどうすればよいですか? バインドが尊重されないため、bootstrap-multiselect が require に含まれていることを確認するだけでは機能しません。私は次のようなことができるはずです

しかし、それはうまくいきません。ビューモデルを持つ AMD モジュールの別のファイルで定義されたバインディング ハンドラーを含めるにはどうすればよいですか?

bootstrap-multiselect によって作成された Web フォームのすべてのチェックボックスをチェックする方法を見つける必要があります。

以下のようなコードで試してみましたが、運が悪く、現在のチェックボックスはどれもチェックされていません:

フォーム上のすべての複数選択フィールドは動的に作成されるため、次のような呼び出しを使用してそれらを選択する方法はありません:

私の要件

1. 2 つの複数選択コンボボックスが必要です
2. 複数の値を選択できる必要があります
3. コンボボックス1から選択した値に基づいて、2番目のコンボボックスに値を入力する必要があります

そのために、AngularJs と Multiselect.Js を使用しています。

私は1と2を達成することができます。

ポイント3については、コンボボックス1から選択した値に基づいてデータを入力するのが難しいと感じています

注: 1 つの役割を選択すると、関連するワーカー情報が 2 番目のコンボボックスに表示されますが、複数の役割を選択すると機能しません。

コードのこの部分は複数の配列では機能しないと思います

配列インデックスを指定すると機能し、そのインデックスのワーカーのみを選択しますが、コードの下で複数の値を選択すると機能しません。

http://plnkr.co/edit/xWvfWYjaW7TThKZONkv5?p=previewからの参照

私のhtmlコードは以下の通りです:

Javascript と JSON データ:

コンボボックス 1: 「$scope.roles」から「roleName」を表示し、コンボボックス 2: 選択した「rolename」(comboxbox1 から) からワーカーを表示する必要があります

});

そして複数選択テンプレート

複数選択が可能で、検索機能があり、「すべて選択」オプションがあるドロップダウン メニューを作成するために、bootstrap-multiselect拡張機能を使用しています。これは非常に簡単です。

ここで、これらのドロップダウンをプログラムで (AJAX 応答から) 生成したいと考えています。そのために、ドキュメントでは「dataprovider」メソッドの使用を推奨しています。enableFilteringとincludeSelectAllOptionオプションを保持しながらこれを達成する方法がわかりません。

私の直感では、次のようにする必要があります。

しかし、これはうまくいきません。フォームを構築するためdata-providerのより単純な呼び出しを呼び出すと、メソッドを機能させることができます。multiselect

しかし、その後、フィルタリングを追加してselectAllを後から追加する方法がわかりません。

プログラムで作成したドロップダウンでフィルタリングと selectAll オプションを指定するにはどうすればよいですか?

これがフィドルです。

私はBootstrap Multiselectを使用しています。これは私の HTML での設定です:

クエリに選択した値、つまり Ajax コードのスニペットを使用したかったのです。

問題$('#bldg_type option:selected').val()は、1つの値しか取得できないことです。たとえば、選択オプションで と をチェックMarketしPolice Station、コンソールhttp://127.0.0.1:8000/cnt_bldg/?brgy_id=All&bldg_type=Market".でそれを調べたMarket.

すべての値を取得してクエリに使用するにはどうすればよいですか?

ところで、私はDjangoを使用しています。この回答は既に読みましたが、上記の AJAX コードで結果を使用する方法がわかりません。