Combobox professionnel basé sur jQuery?
Existe-t-il des contrôles professionnels combobox (liste déroulante avec autosuggestion) basés sur la bibliothèque jQuery?
Il devrait être capable de gérer grands ensembles de données et avoir quelques habillage. Un liste de résultats multi-colonnes serait également très bien. Je travaille avec ASP.NET, mais ce n'est pas un problème si je devais écrire un wrapper pour cela.
J'utilise déjà un contrôle tiers, mais j'ai rencontré des problèmes de compatibilité entre les contrôles de deux fournisseurs. Eh bien, je veux me débarrasser de ce genre de dépendances.
Malheureusement, la meilleure chose que j'ai vue est le jquery.combobox , mais cela ne ressemble pas vraiment à quelque chose que j'aimerais vraiment utiliser dans mes applications Web. Je pense que ce contrôle présente des problèmes d’utilisabilité, mais en tant qu’utilisateur, je ne pense pas que je saurais commencer à taper pour que la liste déroulante se transforme en zone de texte.
Je préfère de loin le Combo Dropdown Box , mais il a toujours certaines fonctionnalités que je souhaiterais et il est toujours en alpha. La seule chose qui me dis que je n'aime pas cet autre chose, c'est que, une fois que j'ai saisi la liste déroulante, les éléments originaux de la liste déroulante disparaissent. Cependant, il existe peut-être un paramètre pour cela ... ou peut-être pourrait-on l'ajouter assez facilement.
Ce sont les deux seules options que je connaisse. Bonne chance dans votre recherche. J'aimerais savoir si vous en trouvez un ou si la deuxième option vous convient.
En voici un qui semble très prometteur. C'est un vrai combo - vous voyez ce que vous tapez. Dispose d'une fonctionnalité intéressante que je n'ai pas vue ailleurs: résultats de pagination.
Quiconque cherche un "combo" jQuery semble être dirigé vers cette question. Mon message est destiné aux personnes visitant cette page afin de trouver une liste déroulante "traditionnelle", plutôt que de répondre à la question initiale. Les solutions ci-dessus visent toutes à utiliser l’entrée comme un moyen de filtrer et de compléter automatiquement une valeur de sélection existante. (idéal pour les grands ensembles de données)
Si vous recherchez la liste déroulante traditionnelle, qui consiste simplement à "Taper quelque chose ou à sélectionner parmi ces valeurs prédéfinies" (non, nous ne cacherons pas celles qui ne correspondent pas lors de la frappe). besoin de faire est
<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;" />
Voir http://bit.wisestamp.com/uncategorized/htmljquery-editable-combo-2/
Cela devrait être facile à intégrer dans un plug-in qui convertit une balise de sélection existante, bien que je ne l'aie pas encore vu.
P.S .: Le principal problème que je vois avec "jQuery Editable Combobox" est qu’il reste une liste de sélection, et il n’est pas évident que vous puissiez simplement commencer à taper quelque chose de nouveau.
Une nouvelle version du projet sexy-combo est maintenant disponible et semble prometteuse: http://code.google.com/p/ufd/
Pour les grands ensembles de données, pourquoi pas JQuery UI Autocomplete , qui est fondamentalement la version "officielle" de Jorn Zaeferrer plug-in Autocomplete ?
J'ai aussi écrit un plugin JQuery combobox qui a reçu un très bon retour de la part de ses utilisateurs. Cela ne signifie pas explicitement pour les grands ensembles de données; Je suppose que si vous voulez quelque chose qui coupe la liste en fonction de ce que l'utilisateur tape, il vaut mieux utiliser le plug-in d'auto-complétion de Jorn.
Un autre plugin Nice est Sexy Combo
Un composant officiel ComboBox/Autocomplete de jQuery UI est en préparation ... (précédemment en version bêta pour jQuery UI 1.5.x), voir Wiki de jQuery UI
MISE À JOUR:
La fonctionnalité de saisie semi-automatique est désormais une fonctionnalité essentielle de l'interface utilisateur de jQuery, voir documentation .
C'est aussi prometteur:
Liste déroulante déroulante JQuery sur simpletutorials.com
Si vous n'avez pas besoin de plusieurs colonnes, choisi est un autre bon choix. MIT Sous licence
J'aime select2 , il est riche en fonctionnalités et agréable et actif. Particulièrement comme la fonction de recherche diacritique .
Je cherche le même. Celui que j’ai le plus aimé jusqu’à présent est celui-ci pour ExtJs - sauf que je n’ai pas testé cette liste avec de grandes listes: www.sencha.com/deploy/dev/examples/form/combos.html
Voici un autre très (!) Rapide: http://jsearchdropdown.sourceforge.net/
Par exemple, le SexyCombo fonctionne assez bien, mais c'est un moyen de ralentir pour les listes plus longues. Le format UFD folk de SexyCombo est bien plus rapide, mais le temps d’initialisation est encore très lent pour les listes vraiment volumineuses. En plus j'en ai parfois un peu! "clignotant". Mais je suppose qu'il y aura des mises à jour dans un proche avenir.
Sexy-Combo est obsolète. Le projet Unobtrusive Fast-Filter Dropdown est en cours de développement. Cela semble prometteur, car j'ai des exigences similaires.
J'ai trouvé cet autre: http://code.google.com/p/jquery-jec/
Cela semble aussi être une bonne option.
Activewidgets en a un très joli. Aucune idée de sa performance sur de grands ensembles de données. http://www.activewidgets.com/ui.combo/
Pourquoi ne pas essayer http://jqueryajax.codeplex.com/ . C'est une collection de contrôles ASP.NET qui contient également des listes déroulantes multicolonnes.
J'ai essayé http://jqueryui.com/demos/autocomplete/#combobox et les problèmes rencontrés étaient les suivants:
- Rendu du navigateur
- Impossibilité de soumettre une valeur personnalisée
En conséquence, je l'ai légèrement modifié et cela a bien fonctionné pour moi dans ASP.NET MVC. Ma version de CSS et du script de widget peut être trouvée ici http://saplin.blogspot.com/2011/12/html-combobox-control-and-aspnet-mvc.html
Vous trouverez également un exemple de liaison du modèle MVC à une valeur personnalisée.
J'ai eu le même problème, alors j'ai fini par créer le mien.
Il comporte un système de modèles intégré, vous permettant ainsi de donner aux résultats tout ce que vous voulez. Fonctionne sur tous les principaux navigateurs et accepte les tableaux et les objets json. http://code.google.com/p/custom-combobox/
En voici une très intéressante: http://www.xnodesystems.com/ Le champ de liste dynamique a non seulement la capacité de saisie semi-automatique, mais il est également capable de faire de la validation.
Je recommande vivement Twitter Typeahead:
Essaye celui-là:
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxcombobox/index.htm
Très agréable avec de nombreuses fonctionnalités, y compris la localisation.
tout ce dont vous avez besoin http://jquerycomboboxtmpl.codeplex.com/
menu déroulant sur les modèles