Statistiques en flex

Version imprimable

2 pièce(s) jointe(s)

Bonjour
Pièce jointe 118813
je veux remplir un datagrid et un pie chart en flex à partir d'un service java avec une liste de nombres de tickets pour chaque type de status suite à un clic sur un boutton , mon problème est que j'ai parvenu à récupérer chaque nombre à part et lorsque je l'affiche dans des labels c'est correct mais lorsque je mes tous ces nombres dans une liste coté flex pour que je puisse remplir un datagrid ne varient pas lors du clic sur le boutton ,la datagrid reste remplie avec des 0 (ce sont les valeurs initiales)je reste bloqueé car j'ai pas su comment je dois faire un refresh au datagrid vous trouverez ci joint un genre de truc que je veux obtenir(datagrid rempli par de stattistique) et ce que j'ai obtenu avec mon travail (juste des labels séparés et si j'essaie de remplir un datagrid il reste remplie par des 0) Pièce jointe 118813
voilà mon code flex

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
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:services="services.*">
	<fx:Declarations>
		<services:TicketServiceImpl id="ticketServiceImpl"
									fault="Alert.show(event.fault.faultString + '\n' + event.fault.faultDetail)"
									showBusyCursor="true">
			<services:channelSet>
				<s:ChannelSet>
					<s:AMFChannel uri="http://localhost:8080/SmartSupport/messagebroker/amf"/>
				</s:ChannelSet>
			</services:channelSet>
		</services:TicketServiceImpl>
		<s:CallResponder id="countTotalTicketGeneralResult"/>
		<s:CallResponder id="countTotalTicketGeneralResult2"/>
		<s:CallResponder id="countTicketResolvedResult"/>
		<s:CallResponder id="countTicketInvalidResult"/>
		<s:CallResponder id="countTicketInProgressResult"/>
		<s:CallResponder id="countTicketClosedResult"/>
		<s:CallResponder id="countHighTicketResult"/>
		<s:CallResponder id="countHighTicketResult2"/>
		<s:CallResponder id="countLowTicketResult"/>
		<s:CallResponder id="countNormalTicketResult"/>
		<s:CallResponder id="countTotalTicketGeneralResult3"/>
		<s:CallResponder id="countTicketByProjectResult"/>
		<s:CallResponder id="countTicketByProjectResult2"/>
		<s:CallResponder id="countTicketByBIResult"/>
		<s:CallResponder id="countTicketByStatusResult"/>
	</fx:Declarations>
	<fx:Script>
		<![CDATA[	
			import mx.collections.ArrayCollection;
			import mx.controls.Alert;
			import mx.events.CalendarLayoutChangeEvent;
			import mx.events.FlexEvent;
			import mx.rpc.events.ResultEvent;
 
			import spark.events.IndexChangeEvent;
			[Bindable]
			var startDate:Date;
			[Bindable]
			var endDate:Date; 
 
 
			[Bindable]
			var total:Number=0;
 
			[Bindable]
			var NbreTicketsResolved:Number=0;
 
			[Bindable]
			var NbreTicketsInvalid:Number=0;
 
			[Bindable]
			var NbreTicketsInProgress:Number=0;
 
			[Bindable]
			var NbreTicketsClosed:Number=0;
 
		    [Bindable]
			private var  AC:ArrayCollection = new ArrayCollection( [
				{ Metrics: "Resolved", Number:NbreTicketsResolved },
				{ Metrics: "Invalid", Number: NbreTicketsInvalid },
				{ Metrics: "Closed", Number: NbreTicketsClosed},
				{ Metrics: "In Progress",Number: NbreTicketsInProgress},
				{ Metrics: "Total", Number:NbreTicketsClosed}]); 
 
 
 
 
 
			[Bindable]
			private var listTicketsByStatus:ArrayCollection;
 
			private function getTotalTicket(evt:ResultEvent):void
			{
				total=Number(evt.result);
				Alert.show("total"+total);
 
			}
 
			private function getTicketResolved(evt:ResultEvent):void
			{
				NbreTicketsResolved=Number(evt.result);
				Alert.show("NbreTicketsResolved"+NbreTicketsResolved);
 
 
			}
			private function getTicketInvalid(evt:ResultEvent):void
			{
				NbreTicketsInvalid=Number(evt.result);
				Alert.show("NbreTicketsInvalid"+NbreTicketsInvalid);
 
			}
 
			private function getTicketInProgress(evt:ResultEvent):void
			{
				NbreTicketsInProgress=Number(evt.result);
				Alert.show("NbreTicketsNbreTicketsInProgress"+NbreTicketsInProgress);
 
			}
 
			private function getTicketClosed(evt:ResultEvent):void
			{
				NbreTicketsClosed=Number(evt.result);
				Alert.show("NbreTicketsClosed"+NbreTicketsClosed);
 
			}
 
 
		 	protected function button2_clickHandler(event:MouseEvent):void
			{
				startDate=StartDateField.selectedDate;
				endDate=EndDateField.selectedDate;
				countTotalTicketGeneralResult2.addEventListener(ResultEvent.RESULT,getTotalTicket);
				countTotalTicketGeneralResult2.token = ticketServiceImpl.countTotalTicketGeneral(startDate,endDate);
				countTicketResolvedResult.addEventListener(ResultEvent.RESULT,getTicketResolved);
				countTicketResolvedResult.token = ticketServiceImpl.countTicketResolved(startDate,endDate,"Resolved");
				countTicketInvalidResult.addEventListener(ResultEvent.RESULT,getTicketInvalid);
				countTicketInvalidResult.token = ticketServiceImpl.countTicketInvalid(startDate,endDate,"Invalid");
				countTicketInProgressResult.addEventListener(ResultEvent.RESULT,getTicketInProgress);
				countTicketInProgressResult.token = ticketServiceImpl.countTicketInProgress(startDate,endDate,"In progress");
				countTicketClosedResult.addEventListener(ResultEvent.RESULT,getTicketClosed);
				countTicketClosedResult.token = ticketServiceImpl.countTicketClosed(startDate, endDate,"Closed"); 			
			}
 
 
 
 
 
		]]>
	</fx:Script>
	<mx:TabNavigator width="100%" height="100%" resizeToContent="true">
		<s:NavigatorContent width="100%" height="100%" label="Tickets By status">
			<s:Label x="17" y="252" width="188" height="44" fontFamily="Georgia" fontSize="16"
					 fontWeight="bold" text="Total  :"/>
			<s:Label x="183" y="252" width="22" text="{total}"/>
			<mx:DateField id="StartDateField" x="112" y="10" width="151"/>
			<mx:DateField id="EndDateField"  x="752" y="13" width="153"/>
			<s:Label x="17" y="9" width="61" height="22" fontFamily="Georgia" fontWeight="bold"
					 text="From"/>
			<s:Label x="713" y="13" width="40" height="22" fontFamily="Georgia" fontWeight="bold"
					 text="To"/>
			<s:Button id="statisticsbuttn" x="422" y="37" width="132" label="Generate statistics" click="button2_clickHandler(event)"/>
			<s:Label x="10" y="117" width="139" fontFamily="Georgia" fontSize="16"
					 fontWeight="normal" text="&#xd; Tickets Resolved "/>
			<s:Label x="185" y="137" width="21" text="{NbreTicketsResolved}"/>
			<s:Label x="594" y="135" fontFamily="Georgia" fontSize="16" fontWeight="normal"
					 text="Tickets Invalid "/>
			<s:Label x="957" y="133" width="22" text="{NbreTicketsInvalid}"/>
			<s:Label x="12" y="183" fontFamily="Georgia" fontSize="16" fontWeight="normal"
					 text="Tickets Closed "/>
			<s:Label x="185" y="183" width="22" text="{NbreTicketsClosed}"/>
			<s:Label x="594" y="189" fontFamily="Georgia" fontSize="16" fontWeight="normal"
					 text="Tickets In Progress  "/>
			<s:Label x="958" y="189" width="22" text="{NbreTicketsInProgress}"/>
			<s:DataGrid x="356" y="293" width="178" height="165" dataProvider="{AC}"
						requestedRowCount="4">
 
			</s:DataGrid>
		</s:NavigatorContent>
 
	</mx:TabNavigator>
</s:Application>

et voilà mes services java

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
public Number countTotalTicketGeneral(Date start, Date end) {
		String query = "select count(ticket.id) from TicketEntity ticket where ticket.dateCreation between :debut and :fin";
		javax.persistence.Query q = ticketDao.getEntityManager().createQuery(query);
		q.setParameter("debut", start);
		q.setParameter("fin", end);
		Number countResult = (Number)q.getSingleResult();
		System.out.println("Count total ticket result:" + countResult);
		return countResult;
	}
 
	public Number countTicketResolved(Date start, Date end,String resolved)
 
	{
		String query = "select count(ticket.id) from TicketEntity ticket where lower(ticket.status)='"+resolved.toLowerCase()+"'"+" and ticket.dateCreation >= :debut and ticket.dateCreation<= :fin";
		javax.persistence.Query q = ticketDao.getEntityManager().createQuery(query);
		q.setParameter("debut", start);
		q.setParameter("fin", end);
		Number countResult = (Number)q.getSingleResult();
		System.out.println("Count resolved ticket result:" + countResult);
		return countResult;
	}
 
	public Number countTicketInvalid(Date start, Date end,String invalid)
 
	{
 
		String query = "select count(ticket.id) from TicketEntity ticket where lower(ticket.status)='"+invalid.toLowerCase()+"'"+" and ticket.dateCreation >= :debut and ticket.dateCreation<= :fin";
		javax.persistence.Query q = ticketDao.getEntityManager().createQuery(query);
		q.setParameter("debut", start);
		q.setParameter("fin", end);
		Number countResult = (Number) q.getSingleResult();
		System.out.println("Count invalid ticket result:" + countResult);
		return countResult;
	}
 
	public Number countTicketClosed(Date start, Date end,String closed)
 
	{
		String query = "select count(ticket.id) from TicketEntity ticket where lower(ticket.status) ='"+closed.toLowerCase()+"'"+" and ticket.dateCreation between :debut and :fin";
		javax.persistence.Query q = ticketDao.getEntityManager().createQuery(
				query);
		q.setParameter("debut", start);
		q.setParameter("fin", end);
		Number countResult = (Number) q.getSingleResult();
		System.out.println("Count closed ticket result:" + countResult);
		return countResult;
	}
 
	public Number countTicketInProgress(Date start, Date end,String In_Progress)
 
	{
		String query = "select count(ticket.id) from TicketEntity ticket where lower(ticket.status) ='"+In_Progress.toLowerCase()+ "'"+" and ticket.dateCreation between :debut and :fin";
		javax.persistence.Query q = ticketDao.getEntityManager().createQuery(query);
		q.setParameter("debut", start);
		q.setParameter("fin", end);
		Number countResult = (Number) q.getSingleResult();
		System.out.println("Count closed ticket result:" + countResult);
		return countResult;
	}

Bonjour,

Ton problème se situe au niveau de la déclaration de ton ArrayCollection :AC.
Code:

1 2 3 4 5 6 7 8 [Bindable] private var AC:ArrayCollection = new ArrayCollection( [ { Metrics: "Resolved", Number:NbreTicketsResolved }, { Metrics: "Invalid", Number: NbreTicketsInvalid }, { Metrics: "Closed", Number: NbreTicketsClosed}, { Metrics: "In Progress",Number: NbreTicketsInProgress}, { Metrics: "Total", Number:NbreTicketsClosed}]);
Tu rends "Bindable" ton ac et tes propriétés pour chaque nombre, mais tu ne plug pas le binding entre les 2 ...

Le plus propre serait d'utiliser des objets "métiers" (parfois appelé VO:Value Object).
J'aurais donc fais une classe TypeTicketVO.as :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 package { public class TypeTicketVO { [Bindable] public var type:String; [Bindable] public var nombre:Number; } }
ensuite tu déclares ton AC avec tes objects métiers en utilsant le binding entre tes propriétés nombre et les objets de ton AC:
Code:

1 2 3 4 5 6 7 8 9 private var resolvedObject:TypeTicketVO; resolvedObject = new TypeTicketVO(); resolvedObject.type = "Resolved"; BindginUtils.bindProperty(resolvedObject, "nombre", this, "NbreTicketsResolved"); AC.addItem(resolvedObject); ...
L'autre solution consiste à aller affecter la valeur directement dans ton AC. Dans tes handlers de retour serveur, actuellement tu changes ta variables, tu peux plutot aller directement chercher ton objet dans l'arraycollection et modifier sa propriété. En pseudo code cela donnerai:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 private function getTicketResolved(evt:ResultEvent):void { var itemIndex:int = methodeQuiRenvoiIndexItem(); var item:Object = AC.getItemAt(itemIndex); item.nombre = Number(evt.result); Alert.show("NbreTicketsResolved"+NbreTicketsResolved); } public function methodeQuiRenvoiIndexItem(ac:ArrayCollection, property:String, value:*):int { //parcours de l'ac pour aller matcher l'index et le retourner }

Bonjour
merci pour votre réponse j'ai essayé la première solution que tu m'a propsé mais rien n'a changé j'ai toujours une datagrid çava pas voilà mon nouveau 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
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
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:services="services.*" 
			   initialize="List_initializeHandler()">
	<fx:Declarations>
		<services:TicketServiceImpl id="ticketServiceImpl"
									fault="Alert.show(event.fault.faultString + '\n' + event.fault.faultDetail)"
									showBusyCursor="true">
			<services:channelSet>
				<s:ChannelSet>
					<s:AMFChannel uri="http://localhost:8080/SmartSupport/messagebroker/amf"/>
				</s:ChannelSet>
			</services:channelSet>
		</services:TicketServiceImpl>
		<s:CallResponder id="CountTicketsByStatusResult"/>
	</fx:Declarations>
	<fx:Script>
		<![CDATA[	
			import mx.collections.ArrayCollection;
			import mx.controls.Alert;
			import mx.events.CalendarLayoutChangeEvent;
			import mx.events.FlexEvent;
			import mx.rpc.events.ResultEvent;
			import mx.binding.utils.*;
 
			import spark.events.IndexChangeEvent;
 
 
			private var resolvedObject:TypeTicketVO;
			private var invalidObject:TypeTicketVO;
			private var closedObject:TypeTicketVO;
			private var inProgressObject:TypeTicketVO;
 
			[Bindable]
			var startDate:Date;
			[Bindable]
			var endDate:Date; 
			[Bindable]
			var total:Number=0;
 
			[Bindable]
			var NbreTicketsResolved:Number=0;
 
			[Bindable]
			var NbreTicketsInvalid:Number=0;
 
			[Bindable]
			var NbreTicketsInProgress:Number=0;
 
			[Bindable]
			var NbreTicketsClosed:Number=0;
 
			[Bindable]
			var NbreTicketsByStatus:Number=0;
 
			[Bindable]
			private var  AC:ArrayCollection = new ArrayCollection( [
				{ Metrics: "Resolved", Number:NbreTicketsResolved },
				{ Metrics: "Invalid", Number: NbreTicketsInvalid },
				{ Metrics: "Closed", Number: NbreTicketsClosed},
				{ Metrics: "In Progress",Number: NbreTicketsInProgress}]); 
 
			[Bindable]
			private var listTicketsByStatus:ArrayCollection;
 
 
 
			protected function List_initializeHandler() :void {
				resolvedObject = new TypeTicketVO();
				resolvedObject.type = "Resolved";
				BindingUtils.bindProperty(resolvedObject,"nombre",this,"NbreTicketsResolved");
				AC.addItem(resolvedObject);
				invalidObject = new TypeTicketVO();
				invalidObject.type = "Invalid";
				BindingUtils.bindProperty(invalidObject,"nombre",this,"NbreTicketsInvalid");
				AC.addItem(invalidObject);
				closedObject = new TypeTicketVO();
				closedObject.type = "Closed";
				BindingUtils.bindProperty(closedObject,"nombre",this,"NbreTicketsClosed");
				AC.addItem(closedObject);
				inProgressObject = new TypeTicketVO();
				inProgressObject.type = "In Progress";
				BindingUtils.bindProperty(inProgressObject,"nombre",this,"NbreTicketsInProgress");
				AC.addItem(inProgressObject);
			}
 
			private function getTicketByStatus(evt:ResultEvent):void
			{
				AC=evt.result as ArrayCollection;
				for (var i:int=0 ; i < AC.length ; i++) {
					Alert.show("element"+AC.getItemAt(i));
				}
				datagrid.dataProvider=AC;
 
			}			
		 	protected function button2_clickHandler(event:MouseEvent):void
			{
				startDate=StartDateField.selectedDate;
				endDate=EndDateField.selectedDate;
				CountTicketsByStatusResult.addEventListener(ResultEvent.RESULT,getTicketByStatus);
				CountTicketsByStatusResult.token = ticketServiceImpl.CountTicketsByStatus(startDate,endDate); 	
			}
		]]>
	</fx:Script>
	<mx:TabNavigator width="100%" height="100%" resizeToContent="true">
		<s:NavigatorContent width="100%" height="100%" label="Tickets By status">
			<mx:DateField id="StartDateField" x="112" y="10" width="151"/>
			<mx:DateField id="EndDateField"  x="752" y="13" width="153"/>
			<s:Button id="statisticsbuttn" x="422" y="37" width="132" label="Generate statistics" click="button2_clickHandler(event)"/>
			<s:DataGrid id="datagrid" x="312" y="225" width="242" height="178" dataProvider="{AC}"/>
 
		</s:NavigatorContent>
 
	</mx:TabNavigator>
</s:Application>

21/05/2013, 12h07
Jim_Nastiq

Merci de faire un effort de réflexion et de documentation sur la réponse apportée et ne pas la copier betement ... :roll:

Si tu lis la doc sur la méthode bindProperty tu verras déjà une erreur sur ce que tu as codé

(re) salut j'ai fait une nouvelle tentation aprés une documentation mais en vain ça ne marche paset meme plus pire les alertes se bloquent au premier élément (je rééxlique mon problème :j'ai une liste {"invalid",1,"resolved",2..} récupérée à partir d'un service java et je veux remplir un datagrid et un piechart )voilà le nouveau 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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:services="services.*" >
	<fx:Declarations>
		<services:TicketServiceImpl id="ticketServiceImpl"
									fault="Alert.show(event.fault.faultString + '\n' + event.fault.faultDetail)"
									showBusyCursor="true">
			<services:channelSet>
				<s:ChannelSet>
					<s:AMFChannel uri="http://localhost:8080/SmartSupport/messagebroker/amf"/>
				</s:ChannelSet>
			</services:channelSet>
		</services:TicketServiceImpl>
		<s:CallResponder id="CountTicketsByStatusResult"/>
	</fx:Declarations>
	<fx:Script>
		<![CDATA[	
			import mx.binding.utils.*;
			import mx.collections.ArrayCollection;
			import mx.controls.Alert;
			import mx.events.CalendarLayoutChangeEvent;
			import mx.events.FlexEvent;
			import mx.rpc.events.ResultEvent;
 
			import spark.events.IndexChangeEvent;
 
			import valueObjects.Number;
 
 
			private var elementObject:TypeTicketVO;
 
 
			[Bindable]
			var startDate:Date;
			[Bindable]
			var endDate:Date; 
			[Bindable]
			var total:Number=0;
 
			[Bindable]
			var  NbreTickets:Number=0;
 
			[Bindable]
			var  statusTicket:String="";
 
 
			[Bindable]
			private var  AC:ArrayCollection = new ArrayCollection(); 
 
			[Bindable]
			private var  FinalResult:ArrayCollection = new ArrayCollection(); 
 
 
			private function getTicketByStatus(evt:ResultEvent):void
			{
				var nombre1:Number;
				var type1 :String;
				AC=evt.result as ArrayCollection;
				for (var i:int=0 ; i < AC.length ; i+2)
				{
				Alert.show("element"+AC.getItemAt(i));
				elementObject = new TypeTicketVO();
				type1=AC.getItemAt(i)as String;
				nombre1=AC.getItemAt(i+1)as Number;
				BindingUtils.bindProperty(elementObject,"type",statusTicket,"type1");
				BindingUtils.bindProperty(elementObject,"nombre",NbreTickets,"nombre1");
				FinalResult.addItem(elementObject);
				}
				datagrid.dataProvider=FinalResult;
 
			}			
		 	protected function button2_clickHandler(event:MouseEvent):void
			{
				 startDate=StartDateField.selectedDate;
				endDate=EndDateField.selectedDate;
				CountTicketsByStatusResult.addEventListener(ResultEvent.RESULT,getTicketByStatus);
				CountTicketsByStatusResult.token = ticketServiceImpl.CountTicketsByStatus(startDate,endDate); 	 
			}
		]]>
	</fx:Script>
	<mx:TabNavigator width="100%" height="100%" resizeToContent="true">
		<s:NavigatorContent width="100%" height="100%" label="Tickets By status">
			<mx:DateField id="StartDateField" x="112" y="10" width="151"/>
			<mx:DateField id="EndDateField"  x="752" y="13" width="153"/>
			<s:Button id="statisticsbuttn" x="422" y="37" width="132" label="Generate statistics" click="button2_clickHandler(event)"/>
			<s:DataGrid id="datagrid" x="312" y="225" width="242" height="178" dataProvider="{FinalResult}"/>
 
		</s:NavigatorContent>
 
	</mx:TabNavigator>
</s:Application>

1 pièce(s) jointe(s)

j'ai essayé encore une aute tentative ça a été amélioré mais je ne sais pas comment se débarasser des lignes qui contiennet 0 et des chaines de caractères vide qui apparaissent voilà le nouveau 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
76
77
78
79
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:services="services.*" >
	<fx:Declarations>
		<services:TicketServiceImpl id="ticketServiceImpl"
									fault="Alert.show(event.fault.faultString + '\n' + event.fault.faultDetail)"
									showBusyCursor="true">
			<services:channelSet>
				<s:ChannelSet>
					<s:AMFChannel uri="http://localhost:8080/SmartSupport/messagebroker/amf"/>
				</s:ChannelSet>
			</services:channelSet>
		</services:TicketServiceImpl>
		<s:CallResponder id="CountTicketsByStatusResult"/>
	</fx:Declarations>
	<fx:Script>
		<![CDATA[	
			import mx.binding.utils.*;
			import mx.collections.ArrayCollection;
			import mx.controls.Alert;
			import mx.events.CalendarLayoutChangeEvent;
			import mx.events.FlexEvent;
			import mx.rpc.events.ResultEvent;
 
			import spark.events.IndexChangeEvent;
 
			import valueObjects.Number;
 
 
			private var elementObject:TypeTicketVO;
 
 
			[Bindable]
			var startDate:Date;
			[Bindable]
			var endDate:Date; 
 
			[Bindable]
			private var  AC:ArrayCollection = new ArrayCollection(); 
 
			[Bindable]
			private var  FinalResult:ArrayCollection = new ArrayCollection(); 
 
 
			private function getTicketByStatus(evt:ResultEvent):void
			{
				AC=evt.result as ArrayCollection;
				for (var i:int=0 ; i < AC.length ; i++)
				{
				Alert.show("element"+AC.getItemAt(i));
				elementObject = new TypeTicketVO();
				elementObject.Status=AC.getItemAt(i)as String;
				elementObject.number=AC.getItemAt(i+1)as Number;
				FinalResult.addItem(elementObject);
				}
				datagrid.dataProvider=FinalResult;
 
			}			
		 	protected function button2_clickHandler(event:MouseEvent):void
			{
				 startDate=StartDateField.selectedDate;
				endDate=EndDateField.selectedDate;
				CountTicketsByStatusResult.addEventListener(ResultEvent.RESULT,getTicketByStatus);
				CountTicketsByStatusResult.token = ticketServiceImpl.CountTicketsByStatus(startDate,endDate); 	 
			}
		]]>
	</fx:Script>
	<mx:TabNavigator width="100%" height="100%" resizeToContent="true">
		<s:NavigatorContent width="100%" height="100%" label="Tickets By status">
			<mx:DateField id="StartDateField" x="112" y="10" width="151"/>
			<mx:DateField id="EndDateField"  x="752" y="13" width="153"/>
			<s:Button id="statisticsbuttn" x="422" y="37" width="132" label="Generate statistics" click="button2_clickHandler(event)"/>
			<s:DataGrid id="datagrid" x="294" y="80" width="379" height="189" dataProvider="{FinalResult}"/>
 
		</s:NavigatorContent>
 
	</mx:TabNavigator>
</s:Application>

22/05/2013, 10h06
Jim_Nastiq

Franchement arrêtes de poser des rustines sur ton code, pose le clavier et étudies le framework Flex et le développement de manière général.

A voir ton code, on comprend que tu n'y comprend pas grand chose. Commence par te faire les tutoriels de Flex in a week, puis tente de louer/acheter un bouquin sur Flex et de le lire ET de le comprendre, ensuite tu pourras te lancer dans du code.

Je peux comprendre le besoin ou l'envie de coder de suite (impératif projet par exemple) mais ne pas prendre le temps d'avoir les bases ne te fait que perdre du temps a tenter de façon empirique des bouts de code assemblé.

Bonjour
je reviens de nouveau sur ce site car je suis vraiment bloqué et je suis pressé par le temps
voilà mon 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
[Bindable]
			var startDate:Date;
			[Bindable]
			var endDate:Date; 
 [Bindable]
			private var  FinalResult:ArrayCollection; 
 
		public function getTicketByStatus(evt:ResultEvent):void
			{	
				FinalResult= evt.result as ArrayCollection;
				dg.dataProvider=FinalResult;
 
 
			}  
			protected function button1_clickHandler(event:MouseEvent):void
			{
				startDate=StartDateField.selectedDate;
			    endDate=EndDateField.selectedDate;
				CountTicketsByStatusResult.addEventListener(ResultEvent.RESULT,getTicketByStatus);
				CountTicketsByStatusResult.token = ticketServiceImpl.CountTicketsByStatus(startDate,endDate);
			}
	public function getTicketByStatus(evt:ResultEvent):void
			{	
				FinalResult= evt.result as ArrayCollection;
				dg.dataProvider=FinalResult;
 
 
			}  
 
					<s:NavigatorContent width="100%" height="100%" label="Tickets By status">
			<mx:DateField id="StartDateField" x="112" y="10" width="151"/>
			<mx:DateField id="EndDateField"  x="803" y="7" width="153" />
			<s:Label x="17" y="9" width="61" height="22" fontFamily="Georgia" fontWeight="bold"
					 text="From"/>
			<s:Label x="769" y="17" width="40" height="22" fontFamily="Georgia" fontWeight="bold"
					 text="To"/>
 
 
			<mx:PieChart id="myChart" x="288" y="355" height="212" dataProvider="{FinalResult}" showDataTips="true">
				<mx:series>
					<mx:PieSeries 
						field="number" 
						nameField="Status" 
						labelPosition="callout"/>
				</mx:series>
			</mx:PieChart>
			<mx:Legend x="41" y="372" width="200" height="188" dataProvider="{FinalResult}"/>
			<s:DataGrid id="dg" x="293" y="153" width="420" height="189" dataProvider="{FinalResult}">
			</s:DataGrid>
			<s:Button x="434" y="61" width="133" label="Generate Statics"
					  click="button1_clickHandler(event)"/>
 
 
		</s:NavigatorContent>

Svp il y'a t'il quelqu'un qui peut m'aider car rien n'apparait dans le datagrid ni le piechart?

27/05/2013, 14h29
Krazymins

Salut,

as-tu lancé en mode debug ? arrives-tu dans la fonction getTicketByStatus (que tu as en double d'ailleurs) ?
Quelles sont les objets qui populent ton ArrayCollection ?

On ne sait pas si rien ne s'affiche à cause :
- du service qui ne renvoie rien
- de la récupération qui est mauvaise
- de l'affichage des données qui est mauvais : tes objets qui ne pointent pas sur les bon "labelfields" (au passage ta datagrid ne specifie aucune colonne, avec le nom du champ dans chaque item que chacune doit afficher, ce n'est pas obligatoire mais nécessaire pour contrôler un minimum l'affichage).

Comme l'a dit Jim, une petite recherche et surtout une lecture de la doc Flex est primordiale. Un petit coup de main : http://livedocs.adobe.com/flex/3/htm...ontrols_6.html

- Essaye tout d'abords de créer un dataProvider statique pour déjà bien maîtriser le pie chart et la datagrid. Tu dois donc créer un ArrayCollection "en dur" qui ressemblera à ce que tu reçois du service, avec des données en dur que tu insères dans ton ArrayCollection à la main.
- Ensuite assure toi bien que le service te renvoie quelquechose (mode debug ou bien log du server ..)
- Ensuite vérifie que l'acheminement du retour du service jusqu'aux composants graphiques se fait bien.

EDIT : au passage également, tes noms de variables devraient commencer par des minuscules

1 pièce(s) jointe(s)

merci pour votre réponse voilà j'ai corrigé un peu mon code et j'ai mis des alertes pour tester mais ça bloque rien ne s'affiche apparement le problème est dans ResultEvent.RESULT
voilà mon 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
 
[Bindable]
			var startDate:Date;
			[Bindable]
			var endDate:Date;
 [Bindable]
			private var  final_result:ArrayCollection; 
public function getTicketByStatus(evt:ResultEvent):void
			{	Alert.show("1");
				final_result= evt.result as ArrayCollection;
				dg.dataProvider=final_result;	
			} 
	protected function button1_clickHandler(event:MouseEvent):void
			{
				startDate=StartDateField.selectedDate;
			    endDate=EndDateField.selectedDate;
				CountTicketsByStatusResult.addEventListener(ResultEvent.RESULT,getTicketByStatus);
				CountTicketsByStatusResult.addEventListener(FaultEvent.FAULT, onFault_handler);
				CountTicketsByStatusResult.token = ticketServiceImpl.CountTicketsByStatus(startDate,endDate);
			}
			protected function onFault_handler(event:FaultEvent):void {
				Alert.show("Error in calling service: " + event.message, "Error");
			}
<s:NavigatorContent width="100%" height="100%" label="Tickets By status">
			<mx:DateField id="StartDateField" x="112" y="10" width="151"/>
			<mx:DateField id="EndDateField"  x="803" y="7" width="153" />
			<s:Label x="17" y="9" width="61" height="22" fontFamily="Georgia" fontWeight="bold"
					 text="From"/>
			<s:Label x="769" y="17" width="40" height="22" fontFamily="Georgia" fontWeight="bold"
					 text="To"/>
 
 
			<mx:PieChart id="myChart" x="288" y="355" height="212" dataProvider="{final_result}" showDataTips="true">
				<mx:series>
					<mx:PieSeries 
						field="number" 
						nameField="Status" 
						labelPosition="callout"/>
				</mx:series>
			</mx:PieChart>
			<mx:Legend x="41" y="372" width="200" height="188" dataProvider="{final_result}"/>
			<mx:DataGrid id="dg" x="293" y="153" width="420" height="189" dataProvider="{final_result}">
				<mx:columns>
					<mx:DataGridColumn dataField="status" headerText="Metrics"/>
					<mx:DataGridColumn dataField="number" headerText="Number" />
				</mx:columns>
			</mx:DataGrid>
			<s:Button x="434" y="61" width="133" label="Generate Statics"
					  click="button1_clickHandler(event)"/>
 
 
		</s:NavigatorContent>

en fait après la saisie des champs et lorsque je clique sur le bouton ça bloque rien ne s'affiche comme ci indiqué ci joint sachant que dans le console (coté java) le service renvoie des résultats corrects

28/05/2013, 11h39
Krazymins

Salut, au risque de me répéter :

Citation:

- Essaye tout d'abords de créer un dataProvider statique pour déjà bien maîtriser le pie chart et la datagrid. Tu dois donc créer un ArrayCollection "en dur" qui ressemblera à ce que tu reçois du service, avec des données en dur que tu insères dans ton ArrayCollection à la main. edit : et tu vérifies que tes composants affichent bien tes données.
- Ensuite assure toi bien que le service te renvoie quelquechose (mode debug ou bien log du server ..)
- Ensuite vérifie que l'acheminement du retour du service jusqu'aux composants graphiques se fait bien.

Utilise également le mode debug. Un Alert.show.. n'est pas très parlant ..