Discussion :

[Pascale38]

Bonjour,

voilà j'ai un datagrid qui est "bindé" avec une classe, et j'aimerai que la première colonne de mon datagrid affiche une icone dans certaine condition.
Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<mx:DataGrid id="listEleves" dataProvider="{eleves}"  height="226" left="29" y="186">
	<mx:columns>
		<mx:DataGridColumn width="20" headerText="" dataField="icon"/>
		<mx:DataGridColumn width="200" headerText="Nom" dataField="nom" sortDescending="false"/>
		<mx:DataGridColumn width="130" headerText="Prénom" dataField="prenom"/>
		<mx:DataGridColumn width="75" headerText="Classe" dataField="classe"/>
	</mx:columns>
</mx:DataGrid>

Avec dans ma classe correspondante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
public var nom:String;
public var prenom:String;
public var classe:String;
plublic var icon:????

Je ne sais pas comment déclarer mon icon, pour que quand cet attribut est null rien ne s'affiche et que quand il est renseigné, mon icon s'affiche.

merci beaucoup !
Pascale38

[Jim_Nastiq]

un itemRenderer

[Pascale38]

oui mais justement je voulais éviter d'utiliser un itemRenderer, ou alors éventuellement directement dans le mxml, un inline render ?

Voilà où j'en suis :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<mx:DataGrid y="186" id="listEleves" dataProvider="{eleves}"  height="226" left="29" >
	<mx:columns>
		<mx:DataGridColumn width="20">
		<mx:itemRenderer> <mx:Component> <mx:VBox horizontalAlign="center">	
                        <mx:Image x="464" y="271" source="{data.icon}"/>  </mx:VBox> </mx:Component>                        
                </mx:itemRenderer>
		</mx:DataGridColumn>
		<mx:DataGridColumn width="200" headerText="Nom" dataField="nom" sortDescending="false"/>
		<mx:DataGridColumn width="130" headerText="Prénom" dataField="prenom"/>
		<mx:DataGridColumn width="75" headerText="Classe" dataField="classe"/>
	</mx:columns>
</mx:DataGrid>

avec dans ma classe :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
[Embed(source="../../../../WebContent/Images/exclam.jpg")]
public var icon:Class;

voilà mais bon là je suis coincée, car comment spécifier quand il faut afficher l'icone ou non ? Donc je suis obligée de créer une class renderer ?
y'a pas une solution "inline" ?
merci !
Pascale38

[Jim_Nastiq]

euh pourquoi c'est si gênant de devoir utiliser un renderer ?

[Pascale38]

Finalement j'ai trouvé une solution simple qui me convient très bien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<mx:DataGridColumn width="20">
     <mx:itemRenderer>
          <mx:Component> 
               <mx:VBox horizontalAlign="center">	
                        <mx:Image x="464" y="271" visible="{data.visible}" source="@Embed('../../../../WebContent/Images/exclam.jpg')"/>           
               </mx:VBox> 
          </mx:Component>                        
     </mx:itemRenderer>
</mx:DataGridColumn>

avec dans ma classe un booleen "visible" que je renseigne à true ou false selon que je veux afficher mon icon ou non ! et hop résolu !

merci !
Pascale38

[Pascale38]

euh pourquoi c'est si gênant de devoir utiliser un renderer ?

heu parce que créer un classe juste pour implémenter un "if" qui determine l'affichage ou non d'une image je trouve ça lourdingue
pardon si je blasphème