7 – Gestion des données avec Flex
© Groupe Eyrolles, 2008
107
Data binding sur un DataGrid
Compilez à présent votre application et admirez le résultat dans le navigateur web (figure 7-7).
Les données enregistrées dans notre fichier XML sont ainsi très facilement récupérables et exploitables.
Mettre au point l’interface utilisateur du composant Edito
Revenons maintenant à l’objet de notre étude de cas. L’emploi d’un
composant DataGrid n’est pas franchement pertinent pour l’affichage de
notre Edito qui, rappelons-le, contient des données texte mais aussi un
article relativement long, une image, une date et un titre. Nous allons
donc repenser notre interface utilisateur en y affectant les composants
adéquats, toujours via la liaison des données.
Définir les composants
La figure 7-8 présente l’interface utilisateur (assez simple pour l’instant)
du panneau Edito. Cinq éléments visuels non interactifs sont ainsi
définis :
• un composant Image (pour afficher une image au format PNG) ;
• deux composants de type Label (pour l’affichage du titre et de la
date) ;
• deux composants de type Text (pour le résumé court et l’article au
complet).
result="editoHandler(event)"/>
ATTENTION Accolades { } du data binding
N’oubliez pas de toujours utiliser des accolades
pour spécifier la liaison de données entre un
objet et un autre. Dans notre exemple, nous spécifions la liaison de données en affectant à la
propriété DataProvider la variable
« liable » {arrayCollectionEdito}.
Figure 7–7
Liaison entre un composant visuel DataGrid
est une variable de type ArrayCollection
FORMATS Récupération des données
Le format de récupération des données par défaut
est l’ArrayCollection. Cependant, il est possible de récupérer les données dans un autre
format, en ajustant la propriété resultFormat
du composant HTTPService. Vous pouvez ainsi
récupérer des données dans les formats suivants :
object, xml, flashwars, text, E4X et array.
ALLER PLUS LOIN Gestion des erreurs
Il est possible d’intégrer un événement d’erreur
pour localiser d’éventuels problèmes lors de la
récupération des données d’un service. Il suffit
pour cela de définir la propriété fault comme
ceci : fault="faultHandler(event)".
© Groupe Eyrolles, 2008
107
Data binding sur un DataGrid
Compilez à présent votre application et admirez le résultat dans le navigateur web (figure 7-7).
Les données enregistrées dans notre fichier XML sont ainsi très facilement récupérables et exploitables.
Mettre au point l’interface utilisateur du composant Edito
Revenons maintenant à l’objet de notre étude de cas. L’emploi d’un
composant DataGrid n’est pas franchement pertinent pour l’affichage de
notre Edito qui, rappelons-le, contient des données texte mais aussi un
article relativement long, une image, une date et un titre. Nous allons
donc repenser notre interface utilisateur en y affectant les composants
adéquats, toujours via la liaison des données.
Définir les composants
La figure 7-8 présente l’interface utilisateur (assez simple pour l’instant)
du panneau Edito. Cinq éléments visuels non interactifs sont ainsi
définis :
• un composant Image (pour afficher une image au format PNG) ;
• deux composants de type Label (pour l’affichage du titre et de la
date) ;
• deux composants de type Text (pour le résumé court et l’article au
complet).
result="editoHandler(event)"/>
ATTENTION Accolades { } du data binding
N’oubliez pas de toujours utiliser des accolades
pour spécifier la liaison de données entre un
objet et un autre. Dans notre exemple, nous spécifions la liaison de données en affectant à la
propriété DataProvider la variable
« liable » {arrayCollectionEdito}.
Figure 7–7
Liaison entre un composant visuel DataGrid
est une variable de type ArrayCollection
FORMATS Récupération des données
Le format de récupération des données par défaut
est l’ArrayCollection. Cependant, il est possible de récupérer les données dans un autre
format, en ajustant la propriété resultFormat
du composant HTTPService. Vous pouvez ainsi
récupérer des données dans les formats suivants :
object, xml, flashwars, text, E4X et array.
ALLER PLUS LOIN Gestion des erreurs
Il est possible d’intégrer un événement d’erreur
pour localiser d’éventuels problèmes lors de la
récupération des données d’un service. Il suffit
pour cela de définir la propriété fault comme
ceci : fault="faultHandler(event)".