[Flex4] tree et noeud parent [Résolu]

[execrable]

bonsoir le monde
j'ai crée un arbre comme suit :

Code :

1
2
3
4
5
<mx:Tree id="tree1" iconField="@iconSymbol1" labelField="libelle" width="170"  showRoot="true" height="200">
 
 
 
				</mx:Tree>

j'allimente cet arbre avec des elements recu d'une fonction externe 'loadEec()',jusque la tout va bien :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
			public function loadEec():void { 
 
				loaderServiceEec.getEec();
			} 
 
			private function handleLoadResultEec(ev:ResultEvent):void { 
 
				Eec = ev.result as ArrayCollection;
 
 
				tree1.dataProvider= noeud;
 
 
			}

jusque la tout va bien ,et mon arbre s'affiche (pour le moment ,j'affiche les resultats de ma fonction, donc des elements idependants(sans parents)

genre :

Code :

1
2
3
4
-elem1
-elem2
-elem3
...

je voudrais ajouter un parent du genre :

Code :

1
2
3
4
-parent1
   -elem1
   -elem2
   -elem3

j'ajoute une array collection a mon code comme suit :

Code :

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
	private function handleLoadResultEec(ev:ResultEvent):void { 
 
				Eec = ev.result as ArrayCollection;
 
				 var noeud:ArrayCollection =new ArrayCollection([
					new Person("Susan", new ArrayCollection([
						new Person("John"),
						new Person("Tiffany",Eec ),
						new Person("Michael", new ArrayCollection([
							new Person("Jannette"),
							new Person("Alan", new ArrayCollection([
								new Person("Alice"),
								new Person("Jane")
							]))
						])),
						new Person("Peter"),
 
					])) 
				]);
 
 
 
				tree1.dataProvider= noeud;
 
 
			}

et pour la sortie j'obtiens les informations donné par ma fonction ,mais pour les parrents (normalement une classe AS3 'person') il affiche Object Person
de la sorte :

Code :

1
2
3
4
5
 
-Object Person
   Object Person
       -elem1
       -elem2

ma classe person :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
package vo
 
{
 
	import mx.collections.ArrayCollection;
 
	public class Person{
 
		public var name:String;
		public var children:ArrayCollection;
 
		public function Person(_name:String, _children:ArrayCollection = null){
			this.name = _name;
			if(_children != null)
				this.children = _children;
		}//end Person constructor
 
	}//end Person class
 
}//end pac

pourquoi mon tree n'affiche pas les valeurs de mon objet mais plutot 'object Person' ,sachant que pour les valeurs obtenu pas ma fonction ca marche niquel ?!

merci d'avance pour votre aide

[Madfrix]

bonjour,

est ce que ton objet Person possède une propriété libelle comme défini dans ton labelField ?

PS: passe par un objet XML plutot ce sera plus simple et plus lisible

[execrable]

bonjour et merci pour ta reponse
en effet non ,mon objet person ne possède pas une proprieté libellé ,mais plutot une propriété name
donc j'ai changé mon code en fonction de ca ,labelfield="name"
maintenant seul le noeud parent s'affiche ,mais pas le resultat de ma fonction
donc maintenant il faut que je specifie a la fois le labelfield pour le noeud parent et pour les fils ,donc 2 valeurs de labelfield ,comment faire pour cela ??

[execrable]

sinon je suis passé par un objet XML comme vous m'avez conseillé

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<mx:Tree id="tree"  labelField="@label" showRoot="true" width="160">
						<mx:XMLListCollection id="MailBox">
							<fx:XMLList>
								<folder label="Mail">
									<folder label="INBOX"/>
									<folder label="Personal Folder">
										<Pfolder label="Eec" />
 
										<Pfolder label="Personal" isBranch="true" /> 
																			</folder>
									<folder label="Sent" />
									<folder label="Trash" />
								</folder>
							</fx:XMLList>
						</mx:XMLListCollection>
					</mx:Tree>

mais comment injecter mes données provenant de ma fonction ,vers une feuille de l'arbre ?

[Madfrix]

Avec les fonction XML

Code :

1
2
3
4
5
6
 
var myXML:XML = tree.dataProvider as XML;
 
myXML..(@isBranch == "true").appendChild(XMLList("ici du xml..."));
 
tree.dataProvider = myXML;

[execrable]

merci pour ta reponse ,
mais franchement j'ai pas compris grand chose
ce que je voudrais faire est precisement d'injecter ma source de donnée dans la partie en rouge,en utilisant un dataProvider ou quelque chose du genre :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<mx:Tree id="tree"  labelField="@label" showRoot="true" width="160">
						<mx:XMLListCollection id="MailBox">
							<fx:XMLList>
								<folder label="Mail">
									<folder label="INBOX"/>
									<folder label="Personal Folder">
										<Pfolder dataProvider="{Eec}" />
										
										<Pfolder label="Personal" isBranch="true" /> 
																			</folder>
									<folder label="Sent" />
									<folder label="Trash" />
								</folder>
							</fx:XMLList>
						</mx:XMLListCollection>
					</mx:Tree>

[execrable]

Ou bien n'y aurait-il pas juste une façon plus simple d'ajouter un noeud parent aux feuilles générées par mon datasource ?

[Madfrix]

Il faut que tu récupères tout d'abord ton dataProvider sous forme d'objet XMLList :

Code :

1
2
 
var source:XMLList = (tree.dataProvider as XMLListCollection).source;

Ensuite, tu ajoutes dynamiquement un noeud à cette liste construite dynamiquement via une boucle ou autre :

Code :

1
2
 
source.appendChild(XMLList("<exemple label=\"un exemple\">...</exemple>"));

Enfin, tu réaffectes cette liste à ton tree :

Code :

1
2
 
tree.dataProvider = source;

[execrable]

voila ce que j'ai fait :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
tree.dataProvider=Eec;
 
			var source:XMLList = (tree.dataProvider as XMLListCollection).source;
 
 
 
			var nodeName:String = "exemple";
			var nodeValue:String = "ok";
			var xmlList:XMLList = XMLList("<"+nodeName+">"+nodeValue+"</"+nodeName+">");
 
			source.appendChild(xmlList);
			Alert.show(source);
			tree.dataProvider = source;

mon tree

Code :

1
2
3
<mx:Tree id="tree" iconField="@iconSymbol1" labelField="libelle" width="170"  showRoot="true" height="200">
 
					</mx:Tree>

mais cela ne donne toujours rien

[Madfrix]

Si tu fais un :

Code :

1
2
 
Alert.show(source.toXMLString());

obtiens tu la bonne forme de XML que tu souhaites ?

[execrable]

au faite ,mon tree prenait la source de donnée Eec et afficher les resultats en fonction de ca
donc le traitement s'arreter au niveau de la ligne rouge ,donc pas d'execution de Alert.show(source.toXMLString());

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
tree.dataProvider=Eec;
			
			var source:XMLList = (tree.dataProvider as XMLListCollection).source;
			
			
			
			var nodeName:String = "exemple";
			var nodeValue:String = "ok";
			var xmlList:XMLList = XMLList("<"+nodeName+">"+nodeValue+"</"+nodeName+">");
			
			source.appendChild(xmlList);
			Alert.show(source.toXMLString());
			tree.dataProvider = source;

[Madfrix]

On part du principe que ton dataProvider sera de type XMListCollection donc retire cette instruction

Maintenant, qu'obtiens tu ? Vois tu ton alert ?

[execrable]

d'accord j'ai retiré l'instruction
j'obtiens rien ,pas d'Alert ,mais l'exception suivante :

Code :

TypeError: Error #1009: Il est impossible d'acceder �a propri赩 ou �a m賨ode d'une r觩rence d'objet nul.

[Madfrix]

ok, c'est parce que tu as pas affecté de dataProvider à ton tree.

Configure en un comme ceci :

Code :

1
2
3
4
5
 
[Bindable] protected var xml:XML=<root></root>;
....
....
<mx:Tree id="tree" dataProvider="{xml}" iconField="@iconSymbol1" labelField="libelle" width="170"  showRoot="true" height="200" />

[execrable]

oui mon Alert renvoi la valeur !
donc maintenant il faudra utiliser un appendChild ,et y passer en parametre ma datasource (qui est un arrayCollection)
merci énormement pour la piste

[Krazymins]

Salut,
n'oublie pas le tag 'résolu' si c'est bien le cas