Selection de noeuds d'un XML avec un combobox ?

Version imprimable

Bonjour,

Voilà, j'aimerais savoir si il est possible, à partir d'une combobox, de sélectionner un nœud d'un XML ?

Je m'explique, je suis en train de créer un petit programme, indiquant par région, le budget et les revenus de chaque région, 2 colonnes permettent la comparaison.

Maintenant j'aimerais pouvoir changer de nœud ( années, mois ) avec une combobox, et changerais le XML en live

voici mon XML :

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
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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<?xml version="1.0" encoding="utf-8"?>
<years>
	<year name="2007">
		<month name="January">
			<region id="11">
				<orderEntry>250000</orderEntry>
				<orderEntryBudget>230000</orderEntryBudget>
			</region>
			<region id="21">
				<orderEntry>170000</orderEntry>
				<orderEntryBudget>180000</orderEntryBudget>
			</region>
			<region id="31">
				<orderEntry>275000</orderEntry>
				<orderEntryBudget>230000</orderEntryBudget>
			</region>
			<region id="41">
				<orderEntry>195000</orderEntry>
				<orderEntryBudget>200000</orderEntryBudget>
			</region>
		</month>
		<month name="February">
			<region id="11">
				<orderEntry>220000</orderEntry>
				<orderEntryBudget>260000</orderEntryBudget>
			</region>
			<region id="21">
				<orderEntry>210000</orderEntry>
				<orderEntryBudget>140000</orderEntryBudget>
			</region>
			<region id="31">
				<orderEntry>245000</orderEntry>
				<orderEntryBudget>260000</orderEntryBudget>
			</region>
			<region id="41">
				<orderEntry>225000</orderEntry>
				<orderEntryBudget>200000</orderEntryBudget>
			</region>
		</month>
		<month name="March">
			<region id="11">
				<orderEntry>220000</orderEntry>
				<orderEntryBudget>230000</orderEntryBudget>
			</region>
			<region id="21">
				<orderEntry>190000</orderEntry>
				<orderEntryBudget>180000</orderEntryBudget>
			</region>
			<region id="31">
				<orderEntry>235000</orderEntry>
				<orderEntryBudget>290000</orderEntryBudget>
			</region>
			<region id="41">
				<orderEntry>115000</orderEntry>
				<orderEntryBudget>150000</orderEntryBudget>
			</region>
		</month>
	</year>
	<year name="2008">
		<month name="January">
			<region id="11">
				<orderEntry>270000</orderEntry>
				<orderEntryBudget>210000</orderEntryBudget>
			</region>
			<region id="21">
				<orderEntry>140000</orderEntry>
				<orderEntryBudget>130000</orderEntryBudget>
			</region>
			<region id="31">
				<orderEntry>275000</orderEntry>
				<orderEntryBudget>280000</orderEntryBudget>
			</region>
			<region id="41">
				<orderEntry>155000</orderEntry>
				<orderEntryBudget>260000</orderEntryBudget>
			</region>
		</month>
		<month name="February">
			<region id="11">
				<orderEntry>260000</orderEntry>
				<orderEntryBudget>220000</orderEntryBudget>
			</region>
			<region id="21">
				<orderEntry>270000</orderEntry>
				<orderEntryBudget>240000</orderEntryBudget>
			</region>
			<region id="31">
				<orderEntry>275000</orderEntry>
				<orderEntryBudget>220000</orderEntryBudget>
			</region>
			<region id="41">
				<orderEntry>225000</orderEntry>
				<orderEntryBudget>260000</orderEntryBudget>
			</region>
		</month>
		<month name="March">
			<region id="11">
				<orderEntry>260000</orderEntry>
				<orderEntryBudget>280000</orderEntryBudget>
			</region>
			<region id="21">
				<orderEntry>130000</orderEntry>
				<orderEntryBudget>180000</orderEntryBudget>
			</region>
			<region id="31">
				<orderEntry>285000</orderEntry>
				<orderEntryBudget>260000</orderEntryBudget>
			</region>
			<region id="41">
				<orderEntry>165000</orderEntry>
				<orderEntryBudget>150000</orderEntryBudget>
			</region>
		</month>
	</year>
		<year name="2009">
		<month name="January">
			<region id="11">
				<orderEntry>230000</orderEntry>
				<orderEntryBudget>260000</orderEntryBudget>
			</region>
			<region id="21">
				<orderEntry>150000</orderEntry>
				<orderEntryBudget>170000</orderEntryBudget>
			</region>
			<region id="31">
				<orderEntry>225000</orderEntry>
				<orderEntryBudget>250000</orderEntryBudget>
			</region>
			<region id="41">
				<orderEntry>175000</orderEntry>
				<orderEntryBudget>240000</orderEntryBudget>
			</region>
		</month>
		<month name="February">
			<region id="11">
				<orderEntry>220000</orderEntry>
				<orderEntryBudget>270000</orderEntryBudget>
			</region>
			<region id="21">
				<orderEntry>250000</orderEntry>
				<orderEntryBudget>240000</orderEntryBudget>
			</region>
			<region id="31">
				<orderEntry>265000</orderEntry>
				<orderEntryBudget>290000</orderEntryBudget>
			</region>
			<region id="41">
				<orderEntry>265000</orderEntry>
				<orderEntryBudget>280000</orderEntryBudget>
			</region>
		</month>
		<month name="March">
			<region id="11">
				<orderEntry>280000</orderEntry>
				<orderEntryBudget>250000</orderEntryBudget>
			</region>
			<region id="21">
				<orderEntry>140000</orderEntry>
				<orderEntryBudget>150000</orderEntryBudget>
			</region>
			<region id="31">
				<orderEntry>235000</orderEntry>
				<orderEntryBudget>270000</orderEntryBudget>
			</region>
			<region id="41">
				<orderEntry>135000</orderEntry>
				<orderEntryBudget>120000</orderEntryBudget>
			</region>
		</month>
	</year>
</years>

le code :

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
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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
creationComplete="dataRequest.send()">
 
<mx:HTTPService id="dataRequest" url="C:\testyear.xml" 
result="dataRequestResultHandler(event);"
fault="dataRequestFaultHandler(event);" />
 
<mx:Script>
 
    <![CDATA[
 
 
import flash.trace.Trace; 
import mx.controls.Alert;
import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
import mx.collections.ArrayCollection;
 
 
[Bindable]
private var stats:ArrayCollection;
 
[Bindable]
private var stats2:ArrayCollection;
 
[Bindable]
private var stats3:ArrayCollection;
 
[Bindable]
private var stats4:ArrayCollection;
 
 
private function dataRequestResultHandler(event:ResultEvent):void {
 
    stats = event.result.years.year[0].month[0].region;
    stats2 = event.result.years.year[0].month[2].region;
    stats3 = event.result.years.year;
	stats4 = event.result.years.year[0].month;
 
 trace(stats)
}
 
private function dataRequestFaultHandler(event:FaultEvent):void {
    Alert.show(event.fault.message);
 
}
 
    ]]>
 
</mx:Script>
 
	<mx:ColumnChart x="209" y="201" id="columnchart" dataProvider="{stats}" width="675" showDataTips="true">
 
		<mx:series>
 
    		<mx:ColumnSeries displayName="Budget" yField="orderEntryBudget"  />
    		<mx:ColumnSeries displayName="Revenus" yField="orderEntry" />
 
		</mx:series>
 
		<mx:horizontalAxis>
    		<mx:CategoryAxis dataProvider="{stats2}" categoryField="id"/>
		</mx:horizontalAxis>
 
	</mx:ColumnChart>
 
	<mx:Legend dataProvider="{columnchart}" x="80" y="89"/>
 
	<mx:ComboBox x="334" y="120" dataProvider="{stats3}" labelField="name" prompt="Choisissez l'année"/>
	<mx:ComboBox x="537" y="120" dataProvider="{stats4}" labelField="name" prompt="Choississez le mois"/>
 
 
 
</mx:WindowedApplication>

Pour le moment, j'ai compris comment afficher ce que je voulais, mais je ne trouve pas de tutoriel ou de documentation pour effectuer correctement la selection des noeud :(

Merci d'avance pour votre aide !

26/11/2009, 17h14
Kantizbak

et avec un labelField="@name" ?
27/11/2009, 08h12
matxp

Hello, mes Combobox fonctionnent, je peux sélectionner mes noeud xml, cela fonctionne ce n'est pas la question, ce que je veux faire, c'est que le graphique affiche les informations en fonction du bloc sélectionné, par exemple lorsque je sélectionne "Janvier" et "2007" le graphique affiche les données des Janvier 2007 !

Merci quand même de m'avoir répondu :D
27/11/2009, 08h35
jylaxx

Citation:

Pour le moment, j'ai compris comment afficher ce que je voulais, mais je ne trouve pas de tutoriel ou de documentation pour effectuer correctement la selection des noeud

Citation:

je peux sélectionner mes noeud xml, cela fonctionne ce n'est pas la question,

Le moins que l'on puisse dire c'est que tu n'es pas très clair dans ta demande !!!

Tu as deux solutions. Dans les deux cas tu dois ajouter un listener sur l'événement change de la combo.
Dans ce listener, soit tu modifies la sélection des noeuds du xml, soit tu positionnes les bornes du graphiques pour couvrir la période que tu souhaites.
27/11/2009, 09h01
matxp
Hello !

Merci pour ta réponse j'ai donc tenté comme tu m'as expliqué, mais j'ai un petit probléme, j'écoute l'événement "change" dans ma combox

Code:

<mx:ComboBox x="334" y="120" dataProvider="{stats3}" labelField="name" prompt="Choisissez l'année" change="eventChang(event)"/>

et je la traite comme ceci dans la balise Script :
Code:

1 2 3 private function eventChang(event:Event):void { }
Pour le changement de nœud, je pensait donc faire comme ceci par exemple:
Code:

1 2 3 private function eventChang(event:Event):void { stats2 = event.result.years.year[0].month[2].region; }
Mais comment savoir quel nœud à été choisis pour pouvoir ensuite lui dire que faire en fonction du nœud choisit ? je débute depuis peu donc j'ai un peut de peine ! merci pour l'aide et désole si je n'arrive pas a m'expliquer j'ai découvert flex depuis3 semaines a peine :?
27/11/2009, 09h49
jylaxx

Je suis toujours étonné de voir l'empressement à vouloir faire des choses compliquées avant de maitriser les choses simples !!

Il faut que tu comprennes comment fonctionne Flex et notamment son mécanisme d'événements qui est son coeur.

Juste une indication : dans le change de la combo tu ne peux pas retrouver le résultat de ta requête HTTP :calim2::calim2::calim2::calim2:!!! Tu récupères simplement la valeur de la combo (à travers le champ text par exemple) et tu utilises cette valeur pour sélectionner un noeud différent dans XML. Ne me demande pas la syntaxe exacte, car je n'utilises pas XML et je n'ai pas le temps d'aller relire la doc...

Bon courage...
03/12/2009, 14h29
matxp

Citation:

Envoyé par jylaxx

Je suis toujours étonné de voir l'empressement à vouloir faire des choses compliquées avant de maitriser les choses simples !!

mon patron de stage est venu ver moi, m'à demandé de faire ça j'ai evidemment pas compris vu que je ne suis pas développeur à la base ! je ne fais pas de programmation ! mis rien à faire je dosi faire ça.. alors j'essaie de trouver des solutions mais je ne sais pas ou regarder les bases surtout maintenant..:roll:
03/12/2009, 16h27
jylaxx

Ah bon... et c'est un stage de quoi alors ?
04/12/2009, 10h12
matxp

Ben, automatique (Automation) j'ai programmé un automate en CodeSys, ça je sais faire, ce n'est pas vraiment la même chose et comme il à vu que j'ai finit ça en une semaine , ben pendant le reste du stage je me retrouve coincé sur ce projet qu'il veut que je fasse et c'est pas facile je ne sais pas faire ça à la base (la preuve :? ) et puis bon ben j'essaie de trouver des solutions comme je peux ou des personnes pouvant m'aider, la il me reste tellement rien avant que ce soit comme il veut et mon stage finit vendredi prochain ! ça serait vraiment super si tu pouvais m'aider à trouver une solution, je ne demande pas quelque chose de tout fait evidemment, juste un peut comment je peux faire pour placer ces combobox dans mon programme pour faire cette selection, après je serais tranquille et ça fait des semaines que je cherche je suis vraiment pas doué en la matière..

merci d'avance !