Comment s'appelle ce modèle d'interface utilisateur?

Question

Je suis à essayer de comprendre ce que ce genre de chose est appelé, et, finalement, comment je peux en créer un dans un navigateur web. Il ressemble à ceci (capture d'écran de la première application qui vient à l'esprit):

La composante spécifique/motif je suis à la recherche pour les deux zones de liste ("Inclus Engrenage" et "Exclus Engrenage") qui représentent l'inclusion/exclusion des articles à partir d'un ensemble. Je ne suis pas vraiment à la recherche pour le WPF nom (si il y en a un), mais il pourrait être utile.

Je suis à la recherche pour le nom de ce truc, si il y en a un, et si vous voulez vraiment faire de ma journée, vous pouvez me diriger vers un jQuery ou YUI façon de faire de l'un de ces dealies dans un navigateur.

Answer 1

Je ne pense pas qu'il y a un nom "officiel", généralement appelé "double liste" ou.. même plus communément connu comme "la chose où vous avez deux cases et vous pouvez déplacer des choses entre les deux".

J'ai utilisé ce plugin jQuery dans le passé: http://www.meadmiracle.com/dlb/DLBDocumentation.aspx

Démo: http://www.meadmiracle.com/dlb/DLBPlugin.aspx

J'ai eu à le pirater jusqu'à la faire fonctionner avec plusieurs instances sur la même page, mais si vous allez seulement à l'un de ces "double zone" instances à la fois, alors vous devriez être bon d'aller.

Answer 2

Dans la Conception d'Interfaces, une INTERFACE utilisateur modèles de la collection, Jenifer Tidwell les appels qu'un générateur de liste. Les deux "double liste" et "générateur de liste" semblent être des noms reconnus pour il dans la littérature académique et de l'industrie des ressources, de même que l'on voit ici ALORS dans ce commentaire sur le post de la Longue liste de contrôle motif de l'interface utilisateur pour le web.

Je ne sais pas si oui ou non il y a un emballés composant jQuery, mais DZone a un article sur le roulement de votre propre utilisation de jQuery: Une Liste HTML Builder: Une Étude dans l'Application de jQuery

J'ai aussi trouvé un différent générateur de liste modèle qui prend une approche très différente pour le même problème de base.

Les modèles dans l'un et l'autre, semblable modèle de conception de catalogues peuvent vous donner de l'inspiration pour d'autres façons de s'attaquer au problème, trop. J'ai personnellement toujours considéré comme le "double liste" modèle un peu un hack pour lequel nous avons eu beaucoup plus de solutions de rechange pour... des décennies, maintenant :-)

---

Mise à jour: je viens de tombé sur ce schéma est également étiqueté comme un "swaplist" dans Tklib et un "Disjoints listbox" dans le [incr Widgets] de Savoirs traditionnels "mega-widget" de la bibliothèque. Ainsi, vous trouverez dans Perl/Tk, Tkinter, Ruby/Tk, et "n'importe où (d'autre) d'amende (Tk) les widgets sont vendus."

Answer 3

C'est vraiment une liste de sélections multiples glorifiée. Comme il n'y a que 2 états "inclus" (sélectionné) "exclu" (non sélectionné). Il existe un joli widget multi-sélection qui divise les éléments sélectionnés et non sélectionnés en 2 colonnes et vous permet de glisser-déposer entre ces deux éléments:

http://www.quasipartikel.at/multiselect/

Answer 4

J'ai entendu un fournisseur les appeler "slushbuckets" .

Answer 5

Non pas que le Microsoft UXGuide est définitif, par tout moyen ou aussi complet qu'il devrait être, mais ils font référence à ce concept comme un Générateur de Liste.

J'ai récemment été la recherche d'exemples de cette INTERFACE utilisateur, un concept pour se faire une idée de la meilleure pratique pour savoir quand utiliser les flèches ou les touches étiquetées disponibles. La recherche qui a abouti à la plupart des exemples à travers des images de Google a été à double interface de la liste.

En termes de jQuery solution pour la deuxième partie de votre question, je pense que l'infini de la réponse est probablement le plus approprié, mais je voulais juste vous donner mes deux cents sur ce que j'ai trouvé au sujet de ce motif de l'INTERFACE utilisateur.