私はブートストラップの選択ドロップダウンプラグインを使用しています。 https://silviomoreto.github.io/bootstrap-select/。選択ドロップダウンには50,000を超えるオプションがあります。ドロップダウンをクリックすると、開くには最低1〜2分かかり、ページがロードされているときはブラウザがハングします。誰かがこの問題を解決するアイデアを持っているのですか?ブートストラップ選択ドロップダウンロード問題
0
A
答えて
0
は、それはあなたが入力すると、AJAXリクエストを経由して検索する機能を追加することで、既存のブートストラップの選択の実装を拡張しているthis Ajax-Bootstrap-Select on github
を参照してください。
0
ドロップダウン時に50,000オプションを表示することは悪い考えです。間違いなく開くには時間がかかるでしょう。 1:ユーザータイプレコードがデータベースから検索して自動完全リストに表示する場合は、自動補完テキストボックスを使用する必要があります。 2:2番目のオプションは、これらのレコードをロードして、データソースを自動競合するように割り当てるため、データベースへの接続が非常に多くなることを避けます。
は、あなたがロードし、代わりにすべてをロードするデータをページ分割するためにAJAXを使用して検討するかもしれないこれらのリンク Auto Complete Drop Down関連する問題
- 1. Twitter Bootstrapタブとブートストラップ選択オーバーフロー問題
- 2. 他のドロップダウンの選択時にドロップダウンロード
- 3. AutoCompleteTextView選択問題
- 4. ブートストラップの日付選択ツールのCSSの問題
- 5. angular2選択オプション選択問題
- 6. asp.net mvcの他の選択で1つドロップダウンロード
- 7. Djangoの問題:選択フィールドの問題
- 8. リストビューのAndroid選択問題
- 9. jqgridチェックボックスの選択問題
- 10. DataGridの選択問題
- 11. 選択ソートアルゴリズムの問題
- 12. クリスタル選択エキスパートの問題
- 13. 選択ソートの問題
- 14. Shopify - 日付選択問題
- 15. 選択AngularJsの問題
- 16. Mysqlサブ選択問題
- 17. は選択マッピングが問題
- 18. ie10 +角の選択問題
- 19. Androidレイアウトの選択問題
- 20. トリガと選択問題
- 21. 選択ソートポインタの問題
- 22. LINQの - 選択カウント問題
- 23. CSSドロップダウン選択問題
- 24. JSoupの選択問題
- 25. MVCカミソリ選択オプション問題
- 26. クエリケースの選択問題
- 27. 高度な選択問題
- 28. スピナー選択の問題
- 29. Html選択タグの問題
- 30. Spinner OnItemSelectedListenerダブル選択問題
に従ってください。 –
ドロップダウンの代わりに自動完了を使用できます –
これはブートストラップライブラリの既知の問題です。 ajaxを使用すると、数秒間あなたの画面が固まるでしょう。ここでの唯一の解決策は、あまりにも多くのオプションを持たないか、おそらくselect2を使用することです – misha130