Quais são as diferenças entre Chosen e Select2?

Chosen e Select2 são as duas bibliotecas mais populares para estender caixas de seleção.

Ambos parecem ser mantidos ativamente, o Chosen é mais antigo e suporta jQuery e Prototype.

O Select2 é apenas jQuery, sua documentação diz que o Select2 é inspirado no Chosen, mas não detalha nenhuma melhoria feita (se houver) ou outros motivos para a reescrita.

Duas bibliotecas têm praticamente o mesmo conjunto de recursos, a única comparação que encontrei é uma página de teste jsperf um tanto inconclusiva.

Alguma dessas bibliotecas tem vantagens em relação à outra?

A partir do Select2 3.3.1, abaixo está o que está documentado em seu README.md

O que o suporte Select2 escolhido não?

• Trabalhando com grandes conjuntos de dados: o Chosen exige que todo o conjunto de dados seja carregado como optiontags no DOM, o que o limita a trabalhar com conjuntos de dados pequenos. O Select2 usa uma função para encontrar resultados rapidamente, o que permite carregar parcialmente os resultados.
• Paginação de resultados: como o Select2 trabalha com grandes conjuntos de dados e carrega apenas uma pequena quantidade de resultados correspondentes por vez, é necessário oferecer suporte à paginação. O Select2 chamará a função de pesquisa quando o usuário rolar para a parte inferior do conjunto de resultados atualmente carregado, permitindo a 'rolagem infinita' dos resultados.
• Marcação personalizada para resultados: a opção Escolhida suporta apenas a renderização de resultados de texto, porque essa é a única marcação suportada pelas optiontags. O Select2 fornece um ponto de extensão que pode ser usado para produzir qualquer tipo de marcação para representar resultados.
• Capacidade de adicionar resultados rapidamente: Select2 oferece a capacidade de adicionar resultados do termo de pesquisa digitado pelo usuário, o que permite que ele seja usado para marcação.

O IMHO Escolhido é "mantido", mas não "mantido ativamente". 341 questões e 51 solicitações pull para Chosen. O Select2 tem 128 problemas e 25 solicitações pull. Eu acho que o padrão para estes é basicamente

• escolha o que for superficialmente mais atraente para você
• use-o em um aplicativo ou dois
• enfrente problemas ou limitações de personalização
• talvez tente trabalhar com a comunidade por meio de problemas e solicitações de recebimento
• acabe ficando de saco cheio e apenas crie seu próprio usando o que aprendeu nesse processo

Qualquer que você escolher, se o seu caso de uso estiver exatamente no ponto ideal, qualquer um funcionará. Caso contrário, você terá que escrever seus próprios textos ou personalizá-los intensamente. Em ambos os casos, a escolha de qual deles especificamente não é tão importante. Acho que vou apoiar @Andy Ray e @paul aqui que o Select2 é provavelmente a melhor escolha inicial.

Outra diferença que vale a pena mencionar é que Chosené desenvolvida em Sasse CoffeeScriptenquanto Select2é simples CSSe JS. É a minha opção pessoal que Sasse CoffeeScriptsão camadas desnecessárias de complexidade que fazem a depuração difícil.

Depois de experimentar os dois, decidi não usar nenhum - tentar Select2criar a funcionalidade do item acaba por ser um assunto muito cabeludo, já que você simplesmente não pode fazê-lo quando conectado a <select>elementos - ele simplesmente não parecia bem pensado sobre os aros que eu teria para pular.

Decidi usar o selectize.js, que apenas adiciona o novo <option>...</option>elemento ao DOM do formulário - e isso é sensato. Ele também usa LESS- mas eu ignoraria isso e apenas adaptaria o compilado CSSdiretamente no seu projeto.

selected.js vs select2.js

• Licença MIT para ambos
• Dependências:
  • Select2: jQuery
  • Escolhido: tbc
• Suporte para navegador de área de trabalho:
  • Selecionar2: IE8 +
  • Escolhido: IE8 +
• Suporte do dispositivo:
  • Select2: claro
  • Escolhido: desativado em dispositivos móveis iPhone, iPod Touch e Android
• Peso (minificado):
  • Selecionar2: 57KB
  • Escolhido: 27KB
• Uso: O Select2 suporta uma interface de usuário mais "sofisticada" (consulte 'modelos')
• Ambos os repositórios de código estão disponíveis no Github
  • Select2: contribuições: muito ativo
  • Escolhido: contribuições: cerca de 3x menos que o Select2

ps. Tentarei atualizar esta resposta quando descobrir mais sobre os pontos ausentes

Primeiro, deixe-me dizer que o Chosen e o Select2 são dois ótimos plugins e essa é minha experiência pessoal sobre o Chosen. Tudo o que eles estão dizendo é verdade em relação aos Escolhidos.

O problema apontado por Pēteris Caune com select2 anos e ainda não existe uma correção oficial. Simplesmente não existe uma boa documentação para a API. Já foi apontado (assista a edição 671) muitas vezes, mas ainda não há nada. Levou quase dois anos para resolver esse problema, onde o escolhido basicamente não funcionaria se você ocultasse a div overflow:hiddenantes de mostrá-la (e você deve usar uma witdh:X%opção que você basicamente nunca saberia se não procurar o problema).

Eu diria que o principal problema é a velocidade da correção, como disse o DelvarWorld na edição 92:

Minha solicitação de recebimento corrige esse problema, mas, como meu outro e muitos dos escolhidos, eles estão sendo ignorados. Este projeto tem muitos colaboradores com uma base de código muito pequena.

Escolhi o Chosen pela primeira vez pela licença MIT, mas eu tinha todos esses problemas (corte suspenso, sem encontrar a API, procurando horas para o estouro oculto), então decidi mudar para o select2 porque ele possui uma documentação melhor, sem erros de corte suspenso e correções mais rápidas.

Um recurso que funciona no Select2, mas não funciona no Chosen, é o selectelemento interno que possui overflow: hiddenou overflow: auto.

Problema correspondente ao Chosen: https://github.com/harvesthq/chosen/issues/86

Encontrei algumas diferenças ao trabalhar com esses dois plugins:

• Com o select2, você pode pesquisar em qualquer local da opção. Por exemplo, se você tiver uma opção chamada ABCDEFG e digitar CDE, você obterá essa opção nos resultados da pesquisa, mas com a opção escolhida precisará digitar AB .. e assim por diante para obter os resultados.

• Descobri que, com conjuntos de dados maiores, o escolhido parece ser mais rápido que o select2, especialmente no IE.

O Select2 suporta dispositivos móveis, enquanto o Chosen se desativa especificamente em iPods, iPhones e Android móvel. Se você deseja usar caixas de seleção "estendidas" no celular, isso facilita sua escolha.

Minha experiência com o Select2 foi ótima em computadores, mas em dispositivos móveis sensíveis ao toque muito variados, com algumas peculiaridades sempre presentes. Por exemplo, no xperia st15i com ics e o menu suspenso do navegador de ações sempre se fechava devido ao foco no roubo de teclado. A única maneira de abri-lo novamente é tocar o menu dezenas de vezes, segurar o dedo por um segundo e outra magia vodu. Ou para começar a digitar enquanto a lista suspensa está fechada, e quantos usuários descobrirão isso?

O Selectize.js parece ser muito mais suave que o Select2, mas também possui problemas por conta própria no celular, por exemplo, quando o valor é selecionado ou inserido, move a página totalmente para a esquerda por algum motivo. Além disso, em dispositivos Android 2.x mais antigos que não suportam estouro, é impossível selecionar além das poucas opções principais, pois o teclado não aparece. :(

Ainda temos que testar o Chosen e talvez não seja uma má idéia ser desativado para dispositivos móveis, afinal, mas no final, o bom e velho menu suspenso funciona sempre e em qualquer lugar.

Atualização: agora também testei o Chosen, e é melhor em uma área: não funciona no celular por padrão (ótimo!), Mas possui problemas de filtragem de palavras. Por exemplo, não pesquisa no meio das palavras e, se você usar o & nbsp hack para ajustes, ele também ignorará as opções completas. De volta à prancheta.

Por que eu escolhi select2 sobre Chosen

O principal recurso que select2 possui, que nenhum outro controle possui auto-magicamente, é "Limpar tudo", com o 'x' à direita do controle. Este é um recurso matador para o meu aplicativo. Não sei por que outras bibliotecas de aprimoramento de tags de seleção não possuem esse recurso.

O Select2 suporta AJAX Escolhido Não

O Select 2 é um pouco mais pesado em comparação ao tamanho escolhido.

Mudei para o Select2 porque não há suporte oficial para operações do ajax.