Ceci est une ancienne révision du document !
Conception de logique applicative
Objectifs
- Concevoir des interfaces (vues)
- Créer leur logique comportementale
Situation initiale
- Créer le projet koTd6 en important le fichier war dans eclipse.
- Démarrer le projet sur le serveur web (Run as…)
Conception des vues
Villes
Objectifs
Il s'agit de donner à la liste des villes le comportement suivant :
- Ajout de la sélection au clavier et à la souris
- Edition par défaut supprimée et remplacée par une édition directe (dans la liste)
- Ajout d'un bouton détail pour visualiser la liste des entreprises de la ville
- Ouvrir le template de la classe ville :
Ajout de la sélection au clavier
la méthode addSelector permet d'ajouter le contrôle clavier sur la liste : le code de touche 113 correspond à la touche F2, et permet l'édition d'une ville : voir http://tutorial.kobject.net/java/ajaxinclude/keyboard
- Modifier le template des villes :
{#func:this.addSelector(113)#}
{#func:this.setEditable(true)#}
{#mask:<td>{cp}</td><td>{ville}</td>#}
{#mask:<td>{cp}</td><td>{ville}</td>#}
{#set:this.ajaxIncludes=true#}
{#set:this.listContentUrl="villes.do"#}
{_ajx}
{_listContent}
{_page}
<div class="boxButtons">{_pageCounter}{_navBarre}</div>
{/_listContent}
- Tester la page villes.do et son comportement (clavier et souris)
| Action | Effet |
|---|---|
| F2 | Edition avec le formulaire de modification |
| Touches de direction Haut, bas, gauche, droite | Déplacement entre les villes |
| MAJ+Home | Atteindre la première page |
| MAJ+Fin | Atteindre la dernière page |
| MAJ+PageUp | Page précédente |
| MAJ+PageDown | Page suivante |
| Double clic | Déplacement sélection ligne |
- Enlever l'édition de la liste
{#func:this.addSelector(113)#}
{#func:this.setEditable(false)#}
...
