Utilisation des composants > Création de formulaires avec les composants > Utilisation des données pour naviguer dans les pages du formulaire et les afficher

Utilisation des données pour naviguer dans les pages du formulaire et les afficher

Les boutons Page suivante et Page précédente que vous créez pour naviguer dans un formulaire à plusieurs pages doivent contenir des actions qui emmènent l'utilisateur à la page appropriée et qui affichent la page avec les données entrées par l'utilisateur. Le code d'un bouton Page précédente ramène l'utilisateur à la page précédente et y affiche les informations entrées. Le code d'un bouton Page suivante amène l'utilisateur à la page suivante.

Le gestionnaire onClick de l'image 1 du calque Actions définit les actions pour les boutons-poussoirs Page suivante et Page précédente de toutes les pages du formulaire. Le gestionnaire utilise des instructions if et else if pour déterminer le bouton-poussoir qui vient d'être relâché, et définit l'action de navigation appropriée. Les actions de navigation appellent la fonction getDataFromUI, présentée dans la section Gestion et contrôle des données. La fonction onClick est spécifiée pour le paramètre de gestionnaire de clic dans le volet Paramètres de l'inspecteur des propriétés pour chaque occurrence de bouton-poussoir.

Dans l'exemple ci-dessous, le gestionnaire onClick est utilisé pour naviguer dans les pages du formulaire :

function onClick(btn)
{
if ( btn == pg1next ) {

// bouton de page suivante de la pag
	getDataFromUIPg1();//récupérer les données des éléments d'interface de la page 1
	gotoAndStop("pg2");// passer à la page 2
} else if ( btn == pg2prev ) {

// bouton de page précédente de la page 2
	getDataFromUIPg2();// récupérer les données des éléments d'interface de la page 2
	gotoAndStop("pg1");//passer à la page 1
} else if ( btn == pg2next ) {

// bouton de page suivante de la page 2
	getDataFromUIPg2();//récupérer les données des éléments d'interface de la page 2
	gotoAndStop("pg3");//passer à la page 3
} else if ( btn == pg3prev ) {

// bouton de page précédente de la page 3
	getDataFromUIPg3();//récupérer les données des éléments d'interface de la page 3
	gotoAndStop("pg2");// passer à la page 2
}
}

Le gestionnaire onChange de l'image 1 du calque Actions définit les actions pour l'occurrence de case à cocher de la page 2 du formulaire. Il s'agit d'un exemple de composant contrôlant l'état d'activation d'un autre composant. La case à cocher est activée par défaut. Si l'utilisateur laisse la case à cocher activée, la zone de liste lui permet d'effectuer des sélections. Si l'utilisateur désactive la case à cocher, la zone de liste n'est pas accessible. La fonction onChange est spécifiée pour le paramètre de gestionnaire de changement dans le volet Paramètres de l'inspecteur des propriétés pour l'occurrence de case à cocher.

Dans l'exemple ci-dessous, le gestionnaire onChange est utilisé pour naviguer dans les pages du formulaire :

function onChange(control)
{
if ( control == junkCheck_mc ) {
// activer et désactiver la liste en fonction de la valeur de la case à cocher
	interest_mc.setEnabled(junkCheck_mc.getValue());
}
}