7 – Gestion des données avec Flex
© Groupe Eyrolles, 2008
113
Définir un second état permet de déplacer proprement nos composants
vers le bas. Nous pouvons à présent ajouter les nouveaux composants
constituant le formulaire.
Créer le formulaire
Ce formulaire sera donc créé directement dans le nouvel état d’affichage.
Il existe plusieurs méthodes pour coder un formulaire en MXML. La
plus simple consisterait à utiliser le conteneur Form, qui permet de contrôler la mise en page d’un formulaire standard. Cependant, nous procéderons différemment en utilisant à la place un composant TitleWindow
intégrant les composants constituant le formulaire (Label, TextInput,
CheckBox et Button).
Le code à insérer dans le view state, entre les balises AddChild, est le
suivant :
Création du formulaire
position="lastChild">
styleName="panneauStyle"
x="10" y="10" width="640" height="190" layout="absolute"
title="ABONNEMENT NEWSLETTER" showCloseButton="true"
titleIcon="@Embed('assets/ui/star_icon.png')"
close="currentState=''" left="10">

styleName="textWhiteBold"/>
styleName="textWhiteBold"/>
styleName="textWhiteBold"/>
width="113" styleName="textWhiteBold"/>
styleName="textInputNormal"/>
styleName="textInputNormal"/>
styleName="textInputNormal"/>
styleName="textInputNormal"/>
id="bindingTxt" text="{prenomId.text} {nomId.text}
{mailId.text}"/>

styleName="textWhiteSmall"/>