web-dev-qa-db-fra.com

Bonne interface utilisateur pour la sélection de plusieurs cases à cocher et une liste déroulante (mode Affichage / Modifiable)

J'ai un Dropdownlist et plusieurs Checkboxs. Pour toute valeur de liste déroulante particulière, j'afficherai toutes les cases à cocher et, s'il existe déjà une relation de base de données avec cette valeur de liste déroulante, j'ai défini la case à cocher Selected=true;

L'utilisateur peut également modifier ie ( cocher/décocher les cases à cocher ) pour une liste déroulante particulière et cela enregistrera dans la base de données

Une option à laquelle j'ai essayé l'interface utilisateur ressemble.

Option 1 enter image description here

Option 2

enter image description here

8
Satinder singh

Je pense que vous devriez vérifier http://loopj.com/jquery-tokeninput/ . Si vous avez plusieurs cases à cocher, je pense qu'il n'est pas bon d'afficher toutes les cases à cocher. Cependant, Tokeninput peut permettre aux utilisateurs de cocher plusieurs cases en tant que balisage. Par conséquent, vous n'avez pas à vous soucier du nombre de sélections dans une base de données. L'inconvénient est que les utilisateurs ne connaîtront pas tous les choix qu'ils peuvent sélectionner. Vous devrez peut-être utiliser Tokeninput avec le nuage de tags pour afficher toutes les sélections.

Tokeninput

Youtube

Si un utilisateur peut sélectionner une industrie et qu'il y a beaucoup d'espace pour afficher de nombreuses cases à cocher, j'aime l'option1. Le filtre de recherche de Youtube est un bon exemple pour représenter les cases à cocher sous une autre forme.

Les utilisateurs peuvent sélectionner une industrie et voir tous les choix dont il dispose, mais pour la deuxième option, un utilisateur doit faire défiler vers le bas pour afficher et cocher les cases. Vous pouvez imaginer qu'une liste déroulante contenant de nombreux éléments n'est pas souhaitable. Par exemple, une liste déroulante pour les pays

7
Lookchin