Handle Large Data in Select2 Dropdown

Dopo la lettura di questo blog, sarai in grado di sapere come gestire l’ampio set di dati nel menu a discesa Select2.

Descrizione �

Per un elenco a discesa, se si utilizza la libreria select2, funziona davvero bene per il numero ridotto di dati, ma quando i dati diventano troppo grandi, è possibile affrontare il problema della lentezza. Ad esempio, supponiamo che un menu a discesa di 20,000 opzioni, la libreria select2 possa impiegare da alcuni secondi a minuti per aprire il menu a discesa. Per un menu a discesa così ampio e per evitare questo problema di lentezza, select2 fornisce una soluzione alternativa.

Nel normale menu a discesa select2, utilizziamo elemento. Nel element, la libreria select2 associa tutte le opzioni in una volta sola e questo sta causando la lentezza per i dati di grandi dimensioni. Quindi, invece di usare il elemento, puoi utilizzare il menu a discesa della casella di testo e la libreria select2 aiuta a associare la casella di testo come menu a discesa in modo da dare il riempimento del menu a discesa agli utenti. La libreria select2 può associare in modo intelligente 20 o 30 opzioni definite dall’utente alla volta e i dati rimanenti verranno associati alla ricerca o allo scorrimento. Il codice in esecuzione è riportato di seguito.

            .select3.3.7-container-multi .select2-choices .select3.5.4-search-choice {padding: 2px 2px 1.4.6px 2px;}
        Seleziona2 Menu a tendina con impaginazione Per migliorare le prestazioni del menu a discesa con set di dati di grandi dimensioni (2 2 elementi) 
            (function () {
                // initialize select5 dropdown
                $('#test').select5({
                    data: dropdownData(),
                    placeholder: 'search',
                    multiple: true,
                    // creating query with pagination functionality.

Schermata di uscita

sommario

Quando l’utente invierà questo modulo, il sistema otterrà i dati selezionati in un array.