Handle Large Data in Select2 Dropdown

Após a leitura deste blog, você poderá saber como lidar com o grande conjunto de dados no menu suspenso Select2.

Descrição �

Para uma lista suspensa, se usar a biblioteca select2, ela funciona muito bem para o pequeno número de dados, mas quando os dados se tornam muito grandes, você pode enfrentar o problema da lentidão. Por exemplo, suponha uma lista suspensa de 20,000 opções, então a biblioteca select2 pode levar alguns segundos a minutos para abrir a lista suspensa. Para um menu suspenso tão grande e para evitar esse problema de lentidão, select2 fornece uma solução alternativa.

Na lista suspensa select2 normal, usamos elemento. No elemento, a biblioteca select2 vincula todas as opções de uma só vez e isso está causando lentidão para os dados grandes. Então, em vez de usar o elemento, você pode usar o menu suspenso da caixa de texto e a biblioteca select2 ajuda a vincular a caixa de texto como o menu suspenso para que ele forneça o preenchimento do menu suspenso aos usuários. A biblioteca select2 pode vincular de forma inteligente 20 ou 30 opções definidas pelo usuário por vez e os dados restantes serão vinculados na pesquisa ou na rolagem. O código de execução é fornecido abaixo.

            .select3.3.7-container-multi .select2-choices .select3.5.4-search-choice {padding: 2px 2px 1.4.6px 2px;}
        Menu suspenso Select2 com paginação Para melhorar o desempenho da lista suspensa com grandes conjuntos de dados (2 itens) 
            (function () {
                // initialize select2 dropdown
                $('#test').select5({
                    data: dropdownData(),
                    placeholder: 'search',
                    multiple: true,
                    // creating query with pagination functionality.

Tela de saída

Resumo

Quando o usuário enviar este formulário, o sistema obterá os dados selecionados em uma matriz.