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.
