Controllo Combobox basato su jQuery professionale? [chiuso]

Esistono controlli Combobox professionali (elenco a discesa con autosuggestione) basati sulla libreria jQuery?

Dovrebbe essere in grado di gestire set di dati di grandi dimensioni e avere alcune opzioni di skin . Anche un elenco di risultati a più colonne sarebbe fantastico. Sto lavorando con ASP.NET, ma non è un problema se dovessi scrivere un wrapper per questo.

Sto già utilizzando un controllo di terze parti, ma ho riscontrato alcuni problemi di compatibilità tra i controlli di due fornitori. Bene, voglio sbarazzarmi di questo tipo di dipendenze.

Sfortunatamente, la cosa migliore che ho visto è jquery.combobox , ma non sembra proprio qualcosa che vorrei davvero usare nelle mie applicazioni web. Penso che ci siano alcuni problemi di usabilità con questo controllo, ma come utente non penso di dover iniziare a digitare per far sì che l'elenco a discesa si trasformi in una casella di testo.

Preferisco di gran lunga il Combo Dropdown Box , ma ha ancora alcune funzionalità che vorrei ed è ancora in alpha. L'unico pensiero che non mi piace di questo, a parte il suo essere alpha ... è che una volta digitato nella casella combinata, gli elementi dell'elenco a discesa originale scompaiono. Tuttavia, forse c'è un'impostazione per questo ... o forse potrebbe essere aggiunto abbastanza facilmente.

Queste sono le uniche due opzioni che conosco. Buona fortuna nella vostra ricerca. Mi piacerebbe sapere se ne trovi uno o se la seconda opzione funziona per te.

Eccone uno che sembra molto promettente. È una vera combinazione: vedi cosa digiti. Ha una caratteristica interessante che non ho visto altrove: i risultati di paginazione.

FlexBox

Chiunque cerchi una "casella combinata" jquery sembra essere indirizzato a questa domanda. Il mio post è per le persone che visitano questa pagina per trovare una casella combinata "tradizionale", piuttosto che una risposta alla domanda originale. Le soluzioni di cui sopra si concentrano tutte sull'utilizzo dell'input come mezzo per filtrare e completare automaticamente un valore di selezione esistente. (ottimo per set di dati di grandi dimensioni)

Se stai cercando la tradizionale casella combinata, che è semplicemente "Digita qualcosa o seleziona da questi valori predefiniti" (no non nasconderemo quelli che non corrispondono durante la digitazione), tutto ciò che puoi è necessario fare

<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;" />

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

Dovrebbe essere facile inserirlo in un plugin che converte un tag di selezione esistente, anche se non l'ho ancora visto.

PS: Il problema principale che vedo con "jQuery Editable Combobox" è che rimane un elenco di selezione, e non è affatto ovvio che puoi semplicemente iniziare a digitare qualcosa di nuovo.

È ora disponibile un nuovo fork del progetto sexy-combo che sembra promettente: http://code.google.com/p/ufd/

Per set di dati di grandi dimensioni, che ne dici del completamento automatico dell'interfaccia utente di JQuery , che è fondamentalmente la versione "ufficiale" del plug-in di completamento automatico di Jorn Zaeferrer ?

Ho anche scritto un plug-in combobox JQuery diretto che ha ottenuto un feedback abbastanza buono dai suoi utenti. Tuttavia, non è esplicitamente pensato per set di dati di grandi dimensioni; Immagino che se vuoi qualcosa che elimini l'elenco in base a ciò che l'utente digita, stai meglio con il plug-in di completamento automatico di Jorn.

Un altro bel plugin è Sexy Combo

Anche questo è promettente:

Casella combinata a discesa JQuery su simpletutorials.com

Un componente ComboBox / Autocomplete dell'interfaccia utente jQuery ufficiale è in fase di realizzazione ... (precedentemente in beta per jQuery UI 1.5.x), vedere jQuery UI Wiki

AGGIORNARE:

La funzionalità di completamento automatico è ora una funzionalità principale dell'interfaccia utente di jQuery, vedere la documentazione .

Se non hai bisogno di più colonne, anche scelto è un'altra buona scelta. Licenza MIT

Ho trovato quest'altro: http://code.google.com/p/jquery-jec/

Sembra anche una buona opzione.

Sto cercando lo stesso. Quello che mi è piaciuto di più fino ad ora è questo per ExtJs, tranne per il fatto che non l'ho testato con elenchi di grandi dimensioni: www.sencha.com/deploy/dev/examples/form/combos.html

Eccone un altro davvero (!) Veloce: http://jsearchdropdown.sourceforge.net/

Ad esempio, SexyCombo funziona in modo fantastico ma è un modo per rallentare per elenchi più lunghi. L'UFD folk di SexyCombo è molto più veloce, ma il tempo di inizializzazione è ancora piuttosto lento per elenchi davvero enormi. Inoltre a volte ne ricevo un po '! "lampeggiante". Ma immagino che ci saranno alcuni aggiornamenti nel prossimo futuro.

Sexy-Combo è stato deprecato. Ulteriori sviluppi esistono nel progetto Discendenza filtro veloce discreto. Sembra promettente, poiché ho requisiti simili.

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

Mi piace select2 , è ricco di funzionalità, simpatico e attivo. In particolare, come la funzione di ricerca diacritica .

Perché non provi http://jqueryajax.codeplex.com/ . È una raccolta di controlli ASP.NET che contiene anche un elenco a discesa a più colonne.

Activewidgets ne ha uno molto carino. Non ho idea di quanto bene funzioni su set di dati di grandi dimensioni. http://www.activewidgets.com/ui.combo/

Ho avuto lo stesso problema, quindi ho finito per crearne uno mio.

Ha un sistema di modelli integrato, quindi puoi far sembrare i risultati come vuoi. Funziona su tutti i principali browser e accetta array e oggetti json. http://code.google.com/p/custom-combobox/

Eccone uno davvero interessante: http://www.xnodesystems.com/ Il campo elenco dinamico non solo ha la capacità di completamento automatico, ma è anche in grado di eseguire la convalida.

Ho provato http://jqueryui.com/demos/autocomplete/#combobox e i problemi affrontati sono stati:

• Rendering cross browser
• Impossibilità di inviare un valore personalizzato

Di conseguenza l'ho ottimizzato un po 'e ha funzionato bene per me in ASP.NET MVC. La mia versione di CSS e script widget può essere trovata qui http://saplin.blogspot.com/2011/12/html-combobox-control-and-aspnet-mvc.html

È presente anche un esempio sull'associazione del modello MVC al valore personalizzato.

http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/

Prova questo:

http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxcombobox/index.htm

Molto carino con molte funzionalità inclusa la localizzazione.

Consigliamo vivamente Twitter Typeahead:

http://twitter.github.io/typeahead.js/

tutto ciò di cui hai bisogno http://jquerycomboboxtmpl.codeplex.com/

menu a discesa sui modelli