Existe-t-il des contrôles Combobox professionnels (liste déroulante avec autosuggestion) basés sur la bibliothèque jQuery?
Il devrait être capable de gérer de grands ensembles de données et avoir quelques options de skinning . Une 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.
javascript
jquery
combobox
controls
splattne
la source
la source
Réponses:
Malheureusement, la meilleure chose que j'ai vue est la jquery.combobox , mais elle ne ressemble pas vraiment à quelque chose que je voudrais vraiment utiliser dans mes applications Web. Je pense qu'il y a des problèmes d'utilisabilité avec ce contrôle, mais en tant qu'utilisateur, je ne pense pas que je saurais commencer à taper pour que la liste déroulante se transforme en une zone de texte.
Je préfère de loin la liste déroulante combinée , mais elle a toujours certaines fonctionnalités que je voudrais et elle est toujours en alpha. La seule chose que je n'aime pas à propos de cela, à part le fait qu'il est alpha ... est qu'une fois que je tape dans la zone de liste déroulante, les éléments de la liste déroulante d'origine disparaissent. Cependant, il y a peut-être un paramètre pour cela ... ou peut-être qu'il pourrait être ajouté 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.
la source
En voici un qui semble très prometteur. C'est un vrai combo - vous voyez ce que vous tapez. A une fonctionnalité intéressante que je n'ai pas vue ailleurs: les résultats de pagination.
FlexBox
la source
Quiconque cherche une "combo box" jquery semble être dirigé vers cette question. Mon message est destiné aux personnes qui viennent sur cette page pour trouver une liste déroulante "traditionnelle", plutôt qu'une réponse à la question d'origine. Les solutions ci-dessus se concentrent toutes sur l'utilisation de l'entrée comme 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 zone de liste déroulante traditionnelle, qui est simplement "Tapez quelque chose ou sélectionnez parmi ces valeurs prédéfinies" (non, nous ne cacherons pas celles qui ne correspondent pas pendant que vous tapez), tout ce que vous pouvez 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 plugin qui convertit une balise de sélection existante, même si je n'ai pas encore vu cela fait.
PS: 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 du tout évident que vous puissiez simplement commencer à taper quelque chose de nouveau.
la source
Un nouveau fork du projet sexy-combo est maintenant sorti et semble prometteur: http://code.google.com/p/ufd/
la source
Pour les grands ensembles de données, qu'en est-il de JQuery UI Autocomplete , qui est essentiellement la version "officielle" du plugin Autocomplete de Jorn Zaeferrer ?
J'ai également écrit un plugin JQuery combobox simple qui a obtenu de très bons commentaires de ses utilisateurs. Cependant, il n'est explicitement pas destiné aux grands ensembles de données; Je suppose que si vous voulez quelque chose qui élague la liste en fonction de ce que l'utilisateur tape, vous feriez mieux d'utiliser le plugin de saisie semi-automatique de Jorn.
la source
Un autre bon plugin est Sexy Combo
la source
C'est également prometteur:
Boîte de liste déroulante JQuery sur simpletutorials.com
la source
Un composant officiel jQuery UI ComboBox / Autocomplete est en préparation ... (précédemment en version bêta pour jQuery UI 1.5.x), voir jQuery UI Wiki
MISE À JOUR:
La fonctionnalité de saisie semi-automatique est désormais une fonctionnalité principale de l'interface utilisateur jQuery, voir la documentation .
la source
Si vous n'avez pas besoin de plusieurs colonnes, choisissez un autre bon choix. Licence MIT
la source
J'ai trouvé cet autre: http://code.google.com/p/jquery-jec/
Cela semble également être une bonne option.
la source
Je cherche la même chose. Celui que j'ai le plus aimé jusqu'à présent est celui-ci pour ExtJs - sauf que je ne l'ai pas testé avec de grandes listes: www.sencha.com/deploy/dev/examples/form/combos.html
En voici un autre vraiment (!) Rapide: http://jsearchdropdown.sourceforge.net/
Par exemple, le SexyCombo fonctionne assez bien mais est un moyen de ralentir pour des listes plus longues. L'UFD folk de SexyCombo est beaucoup plus rapide, mais le temps d'initialisation est encore assez lent pour des listes vraiment énormes. D'ailleurs j'en reçois parfois un peu! "clignotant". Mais je suppose qu'il y aura des mises à jour dans un proche avenir.
la source
Sexy-Combo est obsolète. D'autres développements existent dans le projet Unobtrusive Fast-Filter Dropdown. Cela semble prometteur, car j'ai des exigences similaires.
https://code.google.com/p/ufd/
la source
J'aime select2 , il est riche en fonctionnalités, agréable et actif. Particulièrement comme la fonction de recherche diacritique .
la source
Pourquoi n'essayez-vous pas http://jqueryajax.codeplex.com/ . Il s'agit d'une collection de contrôles ASP.NET qui contient également une liste déroulante multicolonne.
la source
Activewidgets en a un très joli. Aucune idée de ses performances sur de grands ensembles de données. http://www.activewidgets.com/ui.combo/
la source
J'ai eu le même problème, alors j'ai fini par créer le mien.
Il a un système de modèle intégré, vous pouvez donc donner aux résultats 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/
la source
En voici un vraiment cool: http://www.xnodesystems.com/ Le champ de liste dynamique a non seulement la capacité de saisie semi-automatique, mais est également capable de faire la validation.
la source
J'ai essayé http://jqueryui.com/demos/autocomplete/#combobox et les problèmes rencontrés étaient:
En conséquence, je l'ai légèrement modifié et cela a bien fonctionné pour moi dans ASP.NET MVC. Ma version du CSS et du script de widget peut être trouvée ici http://saplin.blogspot.com/2011/12/html-combobox-control-and-aspnet-mvc.html
Un exemple de liaison du modèle MVC à une valeur personnalisée est également disponible.
la source
http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/
la source
Essaye celui-là:
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxcombobox/index.htm
Très agréable avec de nombreuses fonctionnalités dont la localisation.
la source
Je recommande vivement Twitter Typeahead:
http://twitter.github.io/typeahead.js/
la source
tout ce dont vous avez besoin http://jquerycomboboxtmpl.codeplex.com/
liste déroulante sur les modèles
la source