javaee:td6

Ceci est une ancienne révision du document !


Conception de logique applicative

  • Concevoir des interfaces (vues)
  • Créer leur logique comportementale
  • Créer le projet koTd6 en important le fichier war dans eclipse.
  • Démarrer le projet sur le serveur web (Run as…)

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)#}
...

  • javaee/td6.1386634970.txt.gz
  • Dernière modification : il y a 7 ans
  • (modification externe)