- Savoir gérer des cases à cocher et un groupe de boutons radios.




Objectif :

-                           Savoir gérer des cases à cocher et un groupe de boutons radios.
-                           Proposer à l'utilisateur une interface à 'géométrie variable'.
-                           Maîtriser les différentes manipulations des listes






Travail à faire :


Exercice 1 : Liste Avancée :


o    Lors du lancement de l'application, la liste 'LstListe' est vide.
o    Le peuplement de la liste s'effectue en saisissants des valeurs dans la zone 'Nouvel  Elément' puis en pressant le bouton 'Ajout Liste'. Une fois un nouvel élément ajouté, le focus se repositionne sur 'Nouvel Elément' qui est remise à blanc.
o    Lorsque l'utilisateur sélectionne un élément, les propriétés affectées s'affichent à droite.
o    Il est également possible de sélectionner un élément en saisissant son N° dans la zone 'Index Elément' et en pressant le bouton 'Sélectionner'.
o    Enfin, le bouton 'Vider la liste' comme son nom le laisse supposer remet la liste à blanc.

Afin d’améliorer cette application, tester les fonctionnements suivants :
·          Si l’utilisateur saisit un N° d'élément qui n'existe pas ou sous forme de texte il ne faut pas qu’il génère une erreur d’exécution.
·          Une valeur ne doit pas être ajoutée deux fois dans la liste.








Exercice 2 : Manipulation des listes :


La liste de gauche s'alimente au chargement de la feuille. La liste de droite est vide au départ et est alimentée par les deux boutons '>' et '>>'.

Rôle des différents boutons :
>          Déplace l'élément sélectionné de la liste de gauche à celle de droite,
<          Déplace l'élément sélectionné de la liste de droite à celle de gauche,
>>       Déplace la totalité de la liste de gauche vers celle de droite,
<<       Déplace la totalité de la liste de droite vers celle de gauche,
é        Déplace l'élément sélectionné d'une ligne vers le haut (Tri Manuel),
ê        Déplace l'élément sélectionné d'une ligne vers le bas.

En option :
A-Z     Trie la liste correspondante par ordre alphabétique,
Z-A     Trie la liste correspondante par ordre inverse,

Faites en sorte que les différents boutons ne soient accessibles qu'à bon escient. Exemple Si l'utilisateur sélectionne le premier élément d'une liste, le bouton é devra être désactivé, de même s'il sélectionne le dernier élément d'une liste, le bouton ê sera désactivé.




 

Publié par Drupal Study