Discussion :

[zwan.bourg]

Salut, je suis débutant en Flex. Et je souhaite programmer une interface de gestion en Flex.
D'abord, je charge mes données selon le modèle suivant: MySQL -> PHP -> XML et je les affiche sans problème dans mon Datagrid.
Cependant, j'ai des champs en BDD qui sont marqué 1 pour "Oui" et 0 pour "Non"! Ces 0 et 1 apparaissent dans le datagrid, mais je voudrais les remplacer par Non et Oui selon le cas!
J'ai essayé de suivre un fil sur les "ItemRenderer" mais je ne tombe pas sur le bon exemple.

La solution de traiter en amont le XML sur le serveur à l'aide de PHP ne m'intéresse pas non plus!

Merci de m'aider.

[ellene]

Salut,

Si ce n'est que du texte que tu veux afficher tu peux utiliser labelFunction qui est un attribut de ta DataGridColumn. Cet attribut attend une fonction dont la signature doit ressembler à ceci :

Code :

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

1
2
 
labelFunction(item:Object, column:DataGridColumn):String

La doc pour t'aider :
http://livedocs.adobe.com/flex/3/lan...lass-list.html
Et un exemple :
http://blog.flexexamples.com/2007/08...item-renderer/

++

[alain31tl]

......
Cependant, j'ai des champs en BDD qui sont marqué 1 pour "Oui" et 0 pour "Non"!Ces 0 et 1 apparaissent dans le datagrid.....

Bonsoir

A mon avis, c'est ton formulaire qui envoie ces valeurs (1 et 0).

[djmalo]

Quelque chose du genre devrait faire l'affaire

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<mx:DataGridColumn dataField="champBoolean" labelFunction="booleanLabelFunction"/>
 
....
 
protected function booleanLabelFunction(item:Object,column:DataGridColumn):String  {      
          	if(item.champBoolean == "1")
            	return "Oui";
            else
            	return "Non"; 
      	}

[zwan.bourg]

Merci bien pour votre réaction j'essaie et je vous tiens informé.

[alain31tl]

.....D'abord, je charge mes données selon le modèle suivant: MySQL -> PHP -> XML et je les affiche sans problème dans mon Datagrid..........

Je me répête et je ne veux pas me faire trop insistant, mais si tu souhaites voir "OUI" pour 1, et "NON" pour 2, remplace les valeurs d'origine de ton formulaire d'enregistrement.
Sauf chose qui m'échappe, l'ordre de traitement ci-dessus justifie bien que les valeurs sont enregistrées sous "1" et "2", plutôt que "OUI" et "NON".

[samy2525]

crée une classe AS du style BooleanItemrendrer.as donc en gros voila le fonctionnement d'un item rendrer :

1 - tu etends ta classe sur un conteneur HBOX, VBOX ... suivant le item rendrer que tu veux faire, parfois tu peut directement etendre sur le composant luio meme sans passer par un conteneur comme Chekbox ... dans ton cas imagone que tu veux afficher un oui ou non et en plus tu veux mettre une image de ok ou pas c'est juste de l'imagination

2 - que tu rajoute un item rendrer à un datagrid les informations de ton dataprovider passe por un attribut qui s'appell data (tu peu mettre ce ke tu veux dedans )

3 - tu override la fonction set data dans ton itemRendrer et tu lui dis de t'afficher ce ke tu veux car Flex prend l'affichage de l'itemRendrer comme priorité 0 si tu as définit un item Rendere sur une column bref voila le code que tu dois mettre

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
package le package ke tu veu
{
 
 
	import mx.containers.Box;
	import mx.containers.BoxDirection;
 
import mx.controls.Image;
	import mx.controls.Label;
 
	[Bindable]
	public class BooleanItemRenderer extends Box
	{
 
		private var _lab: Label = new Label();;
 
		public function BooleanItemRenderer()
		{
			super();
		}
 
			/**
		* Function needed when implementing a ItemRenderer.
		* @param str the string display by default
		* @param item the item contained in the list item object (the datProvider of the list). 
		*/
		override public function set data(item : Object) : void
		{
                        if(item){
                              // dans cette objet tu as la ligne en cours du dataGrid 			   
                           if(item.champBoolean =="0")
                                _lab.text = "non";
                           else
                                _lab.text = "oui";
			}
			super.data = item;
		}
 
		/**
		 *	function needed when implementing a CellRenderer.
		 */
		override protected function createChildren() : void
		{
			super.createChildren();
			setStyle('horizontalAlign', 'center') ;
			this.direction = BoxDirection.HORIZONTAL;
 
			addChild(_lab);
		}
 
 
 
 
 
 
	}
}

4 - voila ton item renderer est prés à etre utilisé

Bon courage pour la suite

Samy

[zwan.bourg]

Hmmm, cette solution vraiment pro!!!
Mais pour le moment je garde cela à coté: j'ai trouvé mon bonheur avec les LabelFunction

Mais une autre question: quelqu'un pourrait m'expliquer l'utilisation de la fonction CallLater ?

Est ce que je peux l'utiliser par exemple pour faire des manipulations sur un dataGrid (comboBox) dont le dataProvider est chargé à distance (via un HTTPService par exemple).

Souvent j'ai des erreurs, car les fonctions se lancent avant que les données ait été complètement chargé. CallLater peut elle être une solution?

[Juwau]

Pourquoi ne pas utiliser tout simplement :

Code :

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

1
2
3
4
5
6
7
8
 
<mx:DataGridColumn dataField="tonitem">
    <mx:itemRenderer>
        <mx:Component>
            <mx:Label x="25" y="10" text="{data.tonitem == 1 ? 'OUI' : 'NON'}"/>
        </mx:Component>
    </mx:itemRenderer>
</mx:DataGridColumn>

?

Je pense que c'est une des solutions des plus simple en vue du problème rencontré...

Pour ce qui est du ComboBox et du DataGrid, que veux tu faire exactement? Un ComboBox dans une cellule du DataGrid ?
Quand appelles tu ta fonction pour remplir le ComboBox?

[zwan.bourg]

Je me répête et je ne veux pas me faire trop insistant, mais si tu souhaites voir "OUI" pour 1, et "NON" pour 2, remplace les valeurs d'origine de ton formulaire d'enregistrement.
Sauf chose qui m'échappe, l'ordre de traitement ci-dessus justifie bien que les valeurs sont enregistrées sous "1" et "2", plutôt que "OUI" et "NON".

Bien sur, c'est normal, puisque l'administration était auparavant faite en HTML/PHP, c'est des codes perso qui etait utilisé: 1 pour Oui, 0 pour Non, et encore Mr pour Monsieur, etc
Mais, dans Flex je veux les reformater comme on le faisait en HTML pur.

Les solutions de djmalo et ellene m'ont aider a resoudre le probleme!
Merci