問題タブ [bootstrap-multiselect]

複数選択ドロップダウンにbootstrap-multiselectを使用しています。これが私のコードです -

しかし、オブジェクトを含むインスタンス配列があっても、空のドロップダウンリストが表示されます

生成されたhtml --

私の webpack 構成は、ビルドするノード モジュールの数を指定しますvendors.js。すべてのモジュールはnpm、親フォルダーにインストールされ、存在しますnode_modules。

フォルダ構造:

webpack.config.js からのスニペット:

これは「jquery」と「bootstrap」では問題ありませんが、「bootstrap-multiselect」では問題ありません。

webpack が間違った node_modules フォルダーを調べているようです。app フォルダーのルートを調べているようですが、なぜ他のモジュールが見つかるのでしょうか? だから私はすべてのバリエーションを追加しましたresolveとresolveLoader、

まだ運がない...

パラメータの複数の値を選択するために、ブートストラップの複数選択ドロップダウンを使用したいと考えています。私はそれを次のように使用しています-

しかし、どういうわけか、複数選択はng-repeat内で機能していません。ng-repeat を持つこの div の外に置くと、機能します。画像のようになります -

グループを選択すると、そのグループ内のすべての項目が選択/表示されるドロップダウン リストが必要です。グループの一部だけを選択するオプションは必要ありません。また、複数のグループを選択するオプションは必要ありません

さらに、メンバーの1人を検索してグループを検索できるようにしたい

Bootstrap multiselect を使用しています ( https://davidstutz.github.io/bootstrap-multiselect/ )

これは私が現在持っているものです：

jqGrid 5.0.1 を使用しており、列のカスタム フィルターをbootstrap -multiselectで実装しようとしています。デフォルト値またはプログラムで選択された値が表示されるため、CSS と jQgrid に競合があるように見えますが、フィルターをクリックしてもドロップダウンが表示されません。インスペクターを使用すると、動作しているように見えますが、表示されないだけです。オーバーフローまたは z-index のバグです。誰でもこれで私を助けることができますか?

ページで Bootstrap の複数選択チェックボックスを使用しようとしています。データが静的であれば、問題なく正常に動作しています。しかし、json データを動的にバインドすると、ドロップダウンが機能しません。

これは私の HTML です:

そして、これはDOMの準備ができたときにロードされます:

これは ajax を介した API 呼び出しで、そこからデータを取得しています。

ドロップダウン ボックスをプルダウンしようとすると、機能しません。問題を特定できませんでした。ここで間違いをしていますか？HTMLページの複数選択ボックスに必要なすべてのサポートファイルを追加しました。

誰でも私を助けることができますか？

選択ドロップダウンをコピー/複製し、Choosen Jquery プラグインと multiselect プラグインを使用するボタンがあります。最初の要素は完璧ですが、ボタンをクリックして要素をコピーすると、選択リストから選択できません。そのため、フォーム フィールドの最初のインスタンスのみが機能し、その後に追加された他のインスタンスは機能しません。

異なる ID を持っていれば機能しますが、同じ ID を使用すると問題が発生します。これを回避する方法はありません。

html

bootstrap-multiselect プラグインのチェックボックスをスタイルしたい。基本的に、選択したチェックボックスのラベルにクラスを追加したいと考えています。この方法で選択した値を取得できますが、チェックボックスをターゲットにする方法がわかりませんでした。

編集:私が見つけた唯一の方法は、次のようにプラグインを編集することです: