Discussion :

[bilou69]

Bonjour à tous

Je suis débutant en flex et AS3 et je cherche à faire la chose suivante :

j'ai un dataGrid et l'orsque je fais

Code :

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

1
2
3
4
5
 
//  je fournis au dataProvider de mon datagrid une arrayList -->[array]
myDatagrid.dataProvider=array 
// Ensuite je veux qu'on me renvoie les items de ma collection
myDatagrid.itemRenderer()

les items sont là mais la date est en Anglais puisque le un itemRender ne fait que du rendu.

Existe-t-il un moyen de retourner la date au format suivant JJ/mm/aaaa

merci d'avance

Bilou690

[Jim_Nastiq]

Salut,

ton bout de code ne fait pas état d'utilisation de date, mais tu peux utiliser la classe DateFormatter

[bilou69]

Merci pour ta réponse

J'ai déjà envisagé cette solution mais le problème c'est que coté mxml la balise <mx:dateFormatter> est introuvable qd j'utilise l'auto complétion. Est-ce bien normal ? Pour info j'utilise flex builder 3.

La solution serait alors de créer un dateFormatter en AS j'ai créer la méthode suivante :

Code :

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

1
2
3
4
5
6
7
8
9
 
	public function dateFormat(pDate:Date): String {
 
					 var lDf : DateFormatter=new DateFormatter();
					 lDf.formatString="DD/MM/YYYY";
					 var lDateFormatee : String=lDf.format(pDate); 
					return lDateFormatee;
 
				}

voici mon code ça sera plus simple je pense

coté mxml :

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
 
<mx:DataGrid x="31" y="57" width="582" height="180" id="myDataGrid" dataProvider="{array}" >
				<mx:columns>
					<mx:DataGridColumn headerText="Nom" dataField="nom"/>
					<mx:DataGridColumn headerText="Prénom" dataField="prenom"/>
					<mx:DataGridColumn headerText="Age" dataField="age"/>
					<mx:DataGridColumn headerText="Date de Naissance"  dataField="dateNaiss"/>
					<mx:DataGridColumn headerText="Sexe" dataField="sexe">
					<mx:itemRenderer>
        				<mx:Component>
            				<mx:Label x="25" y="10" text="{data.sexe == true ? 'Masculin' : 'Féminin'}"/>
        				</mx:Component>
    				</mx:itemRenderer>
				</mx:DataGridColumn>
				</mx:columns>				
			</mx:DataGrid>

maintenant côté AS :

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
 
	import mx.collections.ArrayCollection;
				import proto.flex.web.Personne;
				import mx.rpc.events.FaultEvent;
				import mx.rpc.events.ResultEvent;
				import mx.formatters.DateFormatter;
 
 
 
				[Bindable]
				private var array:ArrayCollection=new ArrayCollection();
 
 
				public function callService(): void{
					ro.LireSaisie(txtNom.text,txtPrenom.text, txtAge.text,df.selectedDate, Sexe.selectedValue);
				}
				public function onResultSuccess(event:ResultEvent): void{
					var result:ArrayCollection=(event as ResultEvent).result as ArrayCollection ;
       				if (result) {
       					for each(var item:Object in result){
       						array.addItem(Personne(item));
        				}
        				myDataGrid.itemRenderer;
        			}
				}
				/*public function displaySex(pSexe:Boolean):String {
					if(pSexe==true){
						return " masculin";
					}else{
						return " féminin";
					}
				}*/
				public function dateFormat(pDate:Date): String {
 
					 var lDf : DateFormatter=new DateFormatter();
					 lDf.formatString="DD/MM/YYYY";
					 var lDateFormatee : String=lDf.format(pDate); 
					return lDateFormatee;
 
				}
 
				public function onResultFault(event: FaultEvent)  : void{
					lblResult.text=event.fault.message;
				}

questions :
comment appelé ma méthode dateFormat() à partir du mxml?
puis-je avoir de l'aide pour créer un éventuelle custom itemRender pour le champs "dateNaiss" pour l'avoir au format JJ/MM/AAAA.

par avance un grand merci

Bilou

[Jim_Nastiq]

Tu peux utiliser le labelFunciton de ton DataGridColumn

[bilou69]

Re

merci pour ta rapidité ça fait plaisir

suite à ton dernier post j'ai fait la chose suivante :

Code :

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

 <mx:DataGridColumn headerText="Date de Naissance"  dataField="dateNaiss" labelFunction="{dateFormat(dateNaiss)}"/>

il y a des erreurs de compilation :

Contrainte implicite d'une valeur du type String vers un type sans rapport Function.
accès à la propriété non définie dateNaiss.

Faut-il faire un cast ?
la propriété dateNaiss existe bien ? je ne comprends pas

merci à toi

bilou

[Kantizbak]

Tu dois écrire

Code :

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

 <mx:DataGridColumn headerText="Date de Naissance"  dataField="dateNaiss" labelFunction="{dateFormat}"/>

Tu viens du Java non? pas habitué à mettre des méthodes / closure en paramètre ? [oui, oui, ceci est un troll]

Plus sérieusement : pense à lire la doc, labelFunction est très bien documenté

[bilou69]

je dois commencé à te prendre la tête

voilà ce que j'ai écrit précisément :

Code :

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

1
2
<mx:DataGridColumn headerText="Date de Naissance"  dataField="dateNaiss"
						labelFunction="{dateFormat}"/>

le résultat c'est que je n'ai plus d'erreur cependant qd je valide mon formulaire et que je passe sur l'onglet liste pour voir le résultat : c'est le drame la datagrid à disparu et mon appli est complètement gelé je suis totalement bloqué.

merci de ton aide


ps : je ne peux pas debugger cote flex pour voir ce qu'il se passe a priori il faut une version spécial debug de flash mais j'ai une erreur qd j'execute l'install

et oui pour info je viens bien du java tu as vu juste
encore merci

bilou

[Jim_Nastiq]

tentes de retélécharger le plugin Flash Debugger pour le browser que tu utilises car sans ca , c'est compliqué de travailler...

sinon, en effet, lit la doc officiel, tu comprendras mieux ce que tu fais

[bilou69]

Hello,

Tout d'abord je voulais vous remercier de prendre le tps de m'aider.

suite à la réponse de jim_nastiq je vous décrire mon environnement de travail :
je travaille sous eclipse et lorsque je clique droit sur mon projet ensuite "debug as" application flex j'ai l'erreur suivante :

C:\WINDOWS\system32\Macromed\Flash\NPSWF32.dll

Flex Builder cannot locate the required debugger version of Flash Player. You might need to install the debugger version of Flash Player 9 or reinstall Flex Builder.

j'ai réinstaller le plugin debug flash je suis allé au bout de l'install mais sans succès .

(version 9 for ie )alors que je crois que j'ai la version 10 peut etre qu'il y a incompatibilité

que faire je ne vois pas de solution

merci

cordialement

bilou

[bilou69]

j'ai avancé cet aprèm c'est positif

j'ai décidé d'ignorer le message d'erreur et j'ai forcé le debuggage et voilà le résultat :

TypeError: Error #1009: Il est impossible d'accéder à la propriété ou à la méthode d'une référence d'objet nul.

je ne comprends pas pourquoi il dit que mon objet [personne] est nul j'ai pourtant renseigner tous les champs de mon formulaire

je passe à coté d'un truc bête mais je vois pas...

merci

bilou

[ellene]

Bonjour,

A quel endroit du code dit il ça ?

[bilou69]

A priori c'est à ce niveau là :

Code :

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

myDataGrid.itemRenderer;

qd je visualise le contenu de myDataGrid il m'affiche nul je ne comprends pas vraiment ce qu'il se passe.

a priori il dit que la datagrid est nulle pourtant le dataprovider est renseigné la ça devrait me retourner l'item en question. c'est vraiment au moment du rendu de l'item qu'il se passe un truc bizarre...

merci

[ellene]

Je te conseille de supprimer cette ligne car elle est inutile :

Code :

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

myDataGrid.itemRenderer;

Ensuite je pense que myDataGrid n'est pas encore instancié au moment ou tu appelles ta méthode. Et pourquoi veux tu récupérer le rendu de l'item ? En fait je n'ai pas vraiment compris ce que tu voulais.

[bilou69]

je m'enlise dans mon pb ...

je dois peut être envisagé de résoudre mon pb autrement. Du côté d'adobe on parle de la création d'un custom itemRenderer. J'avoue que j'essaye de comprendre cette solution depuis lundi mais elle est un peu balaise pour moi à l'heure d'aujourd'hui.

si quelqu'un pouvait m'expliquer brièvement comment étendre un composant du genre label qui afficherait lui-même la date en français dans la dataGrid. ça serait super gentil je crois que c'est peut être la clé du pb.

merci à vous

[bilou69]

pour répondre à ta question ellene j'essaye juste de convertir une date du format us au format français.

j'ai remarqué que si je n'ajoute pas cette ligne :

Code :

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

myDataGrid.itemRenderer;

la datagrid restait vide je ne visualise pas le résultat de ma saisie qd j'ai validé mon formulaire.

merci pour ton aide j'apprécie bcp

[ellene]

Mais tu y es déjà à ta solution. Il faut juste enlever la ligne que je t'ai cité précédemment.

Et puis maintenant que je regarde bien ton code enlève les accolades dans labelFunction :

Code :

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

1
2
<mx:DataGridColumn headerText="Date de Naissance"  dataField="dateNaiss"
						labelFunction="dateFormat"/>

Tu n'as pas besoin d'un itemRenderer.

[ellene]

pour répondre à ta question ellene j'essaye juste de convertir une date du format us au format français.

j'ai remarqué que si je n'ajoute pas cette ligne :

Code :

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

myDataGrid.itemRenderer;

la datagrid restait vide je ne visualise pas le résultat de ma saisie qd j'ai validé mon formulaire.

merci pour ton aide j'apprécie bcp

Ok pour cela il faut que tu nous dises à quel moment tu appelles ta fonction de chargement. Je te conseillerai de le mettre dans la fonction creationComplete de ton application par exemple.

Code :

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

1
2
 
<mx:Application creationComplete="callService()">

[bilou69]

Tu dois croire que je suis bouché

j'ai enlevé la ligne dont tu m'as parlé. ainsi que les accolades et qd je fais tourné l'appli

ça plante pour lui la colonne 4 -->dateNaiss est null.

Code :

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

1
2
3
4
5
6
7
8
public function onResultSuccess(event:ResultEvent): void{
					var result:ArrayCollection=(event as ResultEvent).result as ArrayCollection ;
       				if (result) {
       					for each(var item:Object in result){
       						array.addItem(Personne(item));
        				}
        			}
			}

j'appelle ma fonction de chargement dans la méthode onResultSuccess je rempli ma collection et je la fournis au dataprovider.

voilà tout

merci

[bilou69]

Re,

En fait ellene si t'as question était à quel moment j'alimente le dataProvider du datagrid c'est coté mxml en fait :

Code :

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

1
2
<mx:DataGrid x="31" y="57" width="582" height="180" id="myDataGrid" dataProvider="{array}"

la variable array c'est ma collection de personne côté AS on la retrouve ici

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
	
				[Bindable]
			private var array:ArrayCollection=new ArrayCollection();
				
				
				public function callService(): void{
					ro.LireSaisie(txtNom.text,txtPrenom.text, txtAge.text,df.selectedDate, Sexe.selectedValue);
				}
				public function onResultSuccess(event:ResultEvent): void{
					var result:ArrayCollection=(event as ResultEvent).result as ArrayCollection ;
       				if (result) {
       					for each(var item:Object in result){
       						array.addItem(Personne(item));
        				}
        			}
				}

j'espère que ça t'aidera à m'aider encore merci

[ellene]

Tu devrais essayer de debugger avec Eclipse pour voir d'où vient ton problème. J'ai encore des questions :
Ta fonction dateFormat ressemble à quoi ?
Il faudrait que tu regardes les valeurs qui sont en entrée et tu auras ta raison.