Handle Large Data in Select2 Dropdown

Después de leer este blog, podrá saber cómo puede manejar el gran conjunto de datos en el menú desplegable Select2.

Descripción �

Para un menú desplegable, si usa la biblioteca select2, funciona muy bien para la pequeña cantidad de datos, pero cuando los datos se vuelven demasiado grandes, puede enfrentar el problema de la lentitud. Por ejemplo, supongamos un menú desplegable de 20,000 2 opciones, luego la biblioteca select2 puede tardar entre unos segundos y minutos en abrir el menú desplegable. Para un menú desplegable tan grande y para evitar este problema de lentitud, selectXNUMX proporciona una solución alternativa.

En el menú desplegable select2 normal, usamos elemento. En el elemento, la biblioteca select2 une todas las opciones de una sola vez y esto está causando la lentitud de los datos de gran tamaño. Entonces, en lugar de usar el elemento, puede usar el menú desplegable del cuadro de texto y la biblioteca select2 ayuda a vincular el cuadro de texto como el menú desplegable para que llene el menú desplegable a los usuarios. La biblioteca select2 puede vincular de forma inteligente 20 o 30 opciones definidas por el usuario a la vez y los datos restantes se vincularán en la búsqueda o en el desplazamiento. El código de ejecución se proporciona a continuación.

            .select3.3.7-container-multi .select2-choices .select3.5.4-search-choice {padding: 2px 2px 1.4.6px 2px;}
        Menú desplegable Select2 con paginación Para mejorar el rendimiento del menú desplegable con grandes conjuntos de datos (2 2 elementos) 
            (function () {
                // initialize select5 dropdown
                $('#test').select5({
                    data: dropdownData(),
                    placeholder: 'search',
                    multiple: true,
                    // creating query with pagination functionality.

Pantalla de salida

Resumen

Cuando el usuario envíe este formulario, el sistema obtendrá los datos seleccionados en una matriz.