Handle Large Data in Select2 Dropdown

Handle Large Data in Select2 Dropdown

Obiettivi del blog

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.

Gestisci dati di grandi dimensioni nel menu a discesa Select2

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

Gestisci dati di grandi dimensioni nel menu a discesa Select2
sommario

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

Sunny Saurabh

Sunny Saurabh

Sunny Saurabh is an experienced Software engineer in C# and ASP.NET as well as an expert as a PHP developer. He has also expert in database design, server maintenance and security. He has achieved this goal only in the short span of 3yrs and still looking forward to achieving more in the IT industry. He lives in New Delhi and his hobby to write the technical writeups.

Leave a Reply

Your email address will not be published. Required fields are marked *