Controle Combobox baseado em jQuery profissional? [fechadas]

86

Há algum controle Combobox profissional (lista suspensa com autosuggestion) baseado na biblioteca jQuery?

Deve ser capaz de lidar com grandes conjuntos de dados e ter algumas opções de skin . Uma lista de resultados com várias colunas também seria ótima. Estou trabalhando com ASP.NET, mas não seria um problema se eu tivesse que escrever um invólucro para ele.

texto alternativo

Já estou usando um controle de terceiros, mas encontrei alguns problemas de compatibilidade entre os controles de dois fornecedores. Bem, eu quero me livrar desse tipo de dependências.

splattne
fonte
você conseguiu encontrar uma resposta melhor para esta pergunta?
Elemento
Veja a resposta de GeorgeBarker abaixo.
splattne
O combobox do jQuery é chamado de 'autocomplete'. jqueryui.com/autocomplete/#combobox
Aaron de

Respostas:

24

Infelizmente, a melhor coisa que vi foi o jquery.combobox , mas realmente não se parece com algo que eu realmente gostaria de usar em meus aplicativos da web. Acho que há alguns problemas de usabilidade com esse controle, mas, como usuário, acho que não saberia começar a digitar para que a lista suspensa se transforme em uma caixa de texto.

Eu prefiro muito mais a caixa suspensa de combinação , mas ela ainda tem alguns recursos que eu gostaria e ainda está em alfa. A única coisa que não gosto sobre isso além de ser alfa ... é que assim que digito na caixa de combinação, os itens da lista suspensa original desaparecem. No entanto, talvez haja uma configuração para isso ... ou talvez ela possa ser adicionada com bastante facilidade.

Essas são as duas únicas opções que conheço. Boa sorte na sua pesquisa. Eu adoraria saber se você encontrar um ou se a segunda opção funciona para você.

Elijah Manor
fonte
1
Parece que tenho problemas de compatibilidade com jquery.combobox e jQuery 1.4.x ... como com a maioria dos plug-ins que não foram mantidos por muito tempo ...
Lukas Eder
3
O comentário no primeiro link 'nota: no momento o jquery.combobox se comporta como uma lista suspensa e não como uma combbox completa. atualmente não aceita entrada de texto. ' meio que derrota o propósito da IMO ....
Matthew Dresser
1
link morto em sanchezsalvador.com
markashworth
53

Aqui está um que parece muito promissor. É uma verdadeira combinação - você vê o que digita. Tem um recurso legal que eu não vi em outro lugar: resultados de paginação.

FlexBox

GeorgeBarker
fonte
Vou apoiar a recomendação do FlexBox. Ele tem um estilo muito, hum, flexível e opções de interface do usuário.
Ben Griswold
Nova versão (0.9.3) acaba de ser lançada. FlexBox agora suporta filtragem JSON do lado do cliente.
Noah Heldman
1
imo FlexBox é para alguns casos exagero.
Kajo
Parece que carrega todos os dados (json) de uma vez, então pode não ser apropriado se a fonte de dados tiver muitos registros
David
Se eu já tiver selecionado um valor, clique na seta para mostrar apenas o valor selecionado, não todos os valores.
linbo de
24

Qualquer pessoa procurando por uma "caixa de combinação" do jquery parece ser direcionada a esta questão. Minha postagem é para as pessoas que vêm a esta página para encontrar uma caixa de combinação "tradicional", em vez de uma resposta à pergunta original. Todas as soluções acima se concentram em usar a entrada como meio de filtragem e preenchimento automático para um valor selecionado existente. (ótimo para grandes conjuntos de dados)

Se você está procurando a caixa de combinação tradicional, que é simplesmente "Digite algo ou selecione a partir desses valores predefinidos" (não, não vamos esconder aqueles que não correspondem enquanto você digita), tudo que você pode preciso fazer é

<select id="combo4" style="width: 200px;"
            onchange="$('input#text4').val($(this).val());">
    <option>option 1</option>
    <option>option 2</option>
    <option>option 3</option>
</select>
<input id="text4"
       style="margin-left: -203px; width: 180px; height: 1.2em; border: 0;" />

Vejo http://bit.wisestamp.com/uncategorized/htmljquery-editable-combo-2/

Deve ser fácil embrulhar isso em um plugin que converte uma tag select existente, embora eu não tenha visto isso feito ainda.

PS: O principal problema que vejo com "jQuery Editable Combobox" é que continua sendo uma lista de seleção, e não é óbvio que você pode simplesmente começar a digitar algo novo.

Danny W. Adair
fonte
jsfiddle.net/X657V
bancer de
15

Uma nova ramificação do projeto sexy-combo foi lançada e parece promissora: http://code.google.com/p/ufd/

lomaxx
fonte
Eu gosto que transforma um select em uma combobox.
beetstra
1
Depois de revisar todas as sugestões da página, me conformei com esta. Rápido, simples, fornece apenas a funcionalidade básica que eu queria e trabalhei em uma entrada selecionada existente
elwyn
Também pode funcionar com Jquery UI Themeroller
codeulike
Este foi o negócio para mim. Funciona perfeitamente no IE7 e IE8, o que era um requisito. Pesquisa Infix (palavra do meio), barras de rolagem para listas mais longas e funciona bem com outros componentes.
Alastair
Isso é de longe o mais fácil de integrar se o código existente usar um menu suspenso de html antigo. Eu usei este.
Máximo de
14

Para grandes conjuntos de dados, que tal o JQuery UI Autocomplete , que é basicamente a versão "oficial" do plug-in Autocomplete de Jorn Zaeferrer ?

Eu também escrevi um plugin JQuery combobox que obteve um feedback muito bom de seus usuários. -Lo explicitamente é não significou para grandes conjuntos de dados embora; Eu acho que se você quiser algo que limpe a lista com base no que o usuário digita, é melhor usar o plug-in de preenchimento automático do Jorn.


fonte
O plugin de preenchimento automático de Jorn Zaeferrer é simples e incrível
Jake Wilson
7

Isso também é promissor:

Caixa de combinação suspensa JQuery em simpletutorials.com

Anthony Kong
fonte
Parece muito bom, mas não é compatível com um nome e valor diferente como você faria com selecionar <options>
BT
1
Também não oferece suporte a duas caixas de combinação em uma página.
Tim Saylor,
7

Um componente oficial do jQuery UI ComboBox / Autocomplete está em construção ... (anteriormente em beta para jQuery UI 1.5.x), consulte jQuery UI Wiki

ATUALIZAR:

A funcionalidade de preenchimento automático agora é um recurso central do jQuery UI, consulte os documentos .

Sander Versluys
fonte
Agora está ao vivo com o jQuery 1.8. Estou usando com muito sucesso, é um widget bem projetado.
Boldewyn de
Vocês estão experimentando o efeito pós? Quando eu clico na seta para alternar a lista, minha página é postada e eu obtenho uma atualização da página ...
sentido
7
uma caixa de combinação não é o mesmo que preenchimento automático
Neil McGuigan,
5

Se você não precisa de várias colunas, escolhido é outra boa escolha. MIT licenciado

Mortdale
fonte
1 para escolhido. Parece ótimo e não tivemos que fazer nenhuma alteração nos menus suspensos existentes com dados provenientes de um ObjectDatasource. Simplesmente funciona!
Matt
3

Estou procurando o mesmo. O que eu mais gostei até agora é este para ExtJs - exceto que não testei com listas grandes: www.sencha.com/deploy/dev/examples/form/combos.html

Aqui está outro realmente (!) Rápido: http://jsearchdropdown.sourceforge.net/

Por exemplo, o SexyCombo funciona muito bem, mas é uma maneira de diminuir a velocidade para listas mais longas. O SexyCombo folk UFD é muito mais rápido, mas o tempo de inicialização ainda é muito lento para listas realmente grandes. Além disso, às vezes recebo um pouco! "piscando". Mas acho que haverá algumas atualizações em um futuro próximo.

Sithlord
fonte
ExtJs também funciona muito bem com listas grandes (ou enormes) porque ele suporta paginação e você pode consultar os valores localmente ou decidir enviar a consulta de volta ao servidor e fornecer outro bloco de resultados. O problema com ExtJs é sua curva de aprendizado íngreme.
stivlo
3

Sexy-Combo tornou-se obsoleto. Outros desenvolvimentos existem no projeto Não-obstrutivo Fast-Filter Dropdown. Parece promissor, pois tenho requisitos semelhantes.

https://code.google.com/p/ufd/

pinguincoder
fonte
Embora seja bom, parece que não funciona com jquery> 1.6. Procurando outras opções.
dan radu
2

Por que você não tenta http://jqueryajax.codeplex.com/ . É uma coleção de controles ASP.NET que também contém uma lista suspensa de várias colunas.


fonte
2

Eu tive o mesmo problema, então acabei fazendo o meu próprio.

Ele tem um sistema de template embutido, então você pode fazer os resultados se parecerem com o que quiser. Funciona em todos os principais navegadores e aceita arrays e objetos json. http://code.google.com/p/custom-combobox/

Donny V.
fonte
2

Aqui está um muito legal: http://www.xnodesystems.com/ O Dynamic List Field não tem apenas a capacidade de preenchimento automático, mas também é capaz de fazer validação.

Richard Xiong
fonte
2

Tentei http://jqueryui.com/demos/autocomplete/#combobox e os problemas enfrentados foram:

  • Renderização entre navegadores
  • Incapacidade de enviar valor personalizado

Como resultado, ajustei um pouco e funcionou bem para mim na ASP.NET MVC. Minha versão de CSS e script de widget pode ser encontrada aqui http://saplin.blogspot.com/2011/12/html-combobox-control-and-aspnet-mvc.html

A amostra na vinculação do modelo MVC ao valor personalizado também está lá

Maxim Saplin
fonte
0

tudo o que você precisa http://jquerycomboboxtmpl.codeplex.com/

lista suspensa de modelos

rootkit
fonte
Por favor, acrescente alguma explicação pelo menos para a solução que você está sugerindo e por que ela se encaixa nos critérios da pergunta.
mtsr