web-dev-qa-db-fra.com

Quel est un moyen efficace pour permettre à l'utilisateur de sélectionner dans une liste de milliers de clients

Pour une application Web basée sur un navigateur, j'ai besoin que l'utilisateur sélectionne un client parmi des milliers de clients disponibles. L'utilisateur peut avoir l'ID du client donné ou simplement le nom complet et l'adresse. Dans le cas où l'ID est fourni, l'utilisateur doit alors sélectionner directement le client avec l'ID donné. Si l'ID n'est pas disponible, le nom doit être sélectionné. Je dois montrer à l'utilisateur le nom complet et l'adresse des clients combinés. L'utilisateur ne devrait pas avoir à parcourir ces milliers de clients et, en même temps, télécharger ces milliers d'enregistrements à chaque fois n'est pas possible. Alors, quelles sont les meilleures options d'interface utilisateur pour cela? Un exemple de travail serait d'une grande aide.

dropdownselectionautocomplete
1
Raouf Athar

J'ai trouvé un widget UI comme celui-ci (JS) utile:

http://ivaynberg.github.com/select2/

Certaines des fonctionnalités que vous utiliseriez probablement:

  • Ressemble et se comporte comme une zone de sélection, mais avec une fonctionnalité de recherche.
  • Permet la recherche, avec un matcher personnalisé si vous en avez besoin (afin que vous puissiez vérifier par ID ou par nom, adresse, etc.)
  • Permet le chargement de sources de données distantes et ne peut charger que les résultats de recherche pertinents si cela est plus efficace pour votre cas d'utilisation
  • Permet une mise en forme personnalisée du contenu de chaque élément dans la liste déroulante, de sorte que vous puissiez afficher l'ID client, le nom, etc.

Inconvénients:

  • Ce n'est pas très convivial

Si vous ciblez HTML/JS, je le recommande fortement, sinon, recherchez quelque chose de similaire sur votre plate-forme donnée. Pour une interface tactile, vous voudriez probablement quelque chose de tout à fait différent, je regarderais comment les autres applications font la recherche (par exemple, Facebook recherchant le nom d'une personne)

Bonne chance

5
Jason O'Neil

Les utilisateurs sont-ils censés connaître les ID et les noms des clients? Si c'est le cas, je suggère d'utiliser une saisie semi-automatique (comme Google) affichant les résultats au bas de la zone de recherche. Vous pouvez également fournir une case à cocher pour sélectionner "recherche par nom" ou "recherche par ID".

4
Giults