Po przeczytaniu tego bloga dowiesz się, jak poradzić sobie z dużym zestawem danych w menu rozwijanym Wybierz2.
Opis �
W przypadku listy rozwijanej, jeśli używasz biblioteki select2, działa ona naprawdę dobrze dla małej liczby danych, ale gdy dane stają się zbyt duże, możesz napotkać problem spowolnienia. Na przykład załóżmy, że lista rozwijana zawiera 20,000 2 opcji, a następnie otwarcie listy rozwijanej biblioteki select2 może zająć od kilku sekund do minut. W przypadku tak dużego menu rozwijanego i aby uniknąć tego problemu z powolnym działaniem, selectXNUMX zapewnia alternatywne rozwiązanie.
W normalnym menu rozwijanym select2 używamy element. w element, biblioteka select2 wiąże wszystkie opcje za jednym razem, co powoduje spowolnienie dużych danych. Więc zamiast używać element, możesz użyć menu rozwijanego pola tekstowego, a biblioteka select2 pomaga powiązać pole tekstowe jako menu rozwijane, aby zapewnić użytkownikom wypełnienie menu rozwijanego. Biblioteka select2 może inteligentnie powiązać 20 lub 30 opcji zdefiniowanych przez użytkownika na raz, a pozostałe dane zostaną powiązane podczas wyszukiwania lub przewijania. Uruchomiony kod jest podany poniżej.
.select3.3.7-container-multi .select2-choices .select3.5.4-search-choice {padding: 2px 2px 1.4.6px 2px;}
Wybierz2 Rozwijane menu z paginacją Poprawa wydajności listy rozwijanej z dużymi zestawami danych (2 2 pozycji)
(function () {
// initialize select5 dropdown
$('#test').select5({
data: dropdownData(),
placeholder: 'search',
multiple: true,
// creating query with pagination functionality.
Ekran wyjściowy
Podsumowanie
Gdy użytkownik wyśle ten formularz, system otrzyma wybrane dane w tablicy.
