Flex 3 - Applications Internet riches
© Groupe Eyrolles, 2008
152
Ici, nous avons simplement personnalisé le contenu de notre troisième
colonne afin qu’elle affiche un élément graphique à la place du texte.
Nous implémentons ainsi un itemRenderer en référençant la classe du
framework Flex, d’où l’insertion de la classe mx.controls.Image pour
ajouter une image dans les cellules de la troisième colonne.
Vous aurez probablement remarqué l’utilisation de la propriété
dataProvider sur le composant DataGrid. Nous connaissons son utilité :
elle va fournir du contenu au composant en utilisant le concept d’association de données que nous avons également abordé précédemment
(d’où l’utilisation des accolades {} pour signifier la liaison de données).
Utiliser les tableaux avec Flex
Le contenu sera défini sous la forme d’un tableau codé en MXML dont
voici le bloc d’instructions :
Liaison de données pour le composant DataGrid
La personnalisation d’un composant est excessivement simple avec cette
méthode drop-in. Le résultat est visible sur la figure 9-3.
L’utilisation de cette première méthode est très simple et rapide. Cependant, elle n’est malheureusement pas très ergonomique dans le cas où
vous souhaiteriez contrôler les propriétés des différentes instances de vos

prenomJoueur="Marius"
nomJoueur="Trésor"
imageJoueur="./assets/gallery/player1.jpg"/>
prenomJoueur="Joël"
nomJoueur="Bats"
imageJoueur="./assets/gallery/player2.jpg"/>
prenomJoueur="Bernard"
nomJoueur="Lacombe"
imageJoueur="./assets/gallery/player3.jpg"/>

Tableau 9–3 Classe Array
Array
Description
Paquetage
Top Level
Classe
public dynamic class Array
Héritage
Array ! Object
EN SAVOIR PLUS
Composants pour item renderers
Les composants utilisables avec la propriété
itemRenderer sont les suivants :
• Text ;
• TextArea ;
• TextInput ;
• NumericStepper ;
• Button ;
• CheckBox ;
• DateField ;
• Image ;
• Label.
EN SAVOIR PLUS Les tableaux avec Flex
La classe Array permet d’accéder à des tableaux
de données et de les manipuler. Les tableaux avec
Flex sont indexés à partir de zéro, ce qui signifie
que le premier élément du tableau est [0], le
second élément est [1], etc.