Flex 4.6 - Alert

Version imprimable

Flex 4.6 - Alert

bonjour,
je debute en flex, et je desire dans mon application mobile afficher un Alert lors de la connexion d'un utilisateur.
voici un bout de mon code qui me cause des soucis:

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
<fx:Script>
		<![CDATA[
			import mx.controls.Alert;
			import mx.events.ValidationResultEvent;
			
			public var monAlert:Alert;
			protected function emailValide_invalidHandler(event:ValidationResultEvent):void
			{
				// TODO Auto-generated method stub
				monAlert = Alert.show("Mail Invalide", "Alert", Alert.OK );
				// Set the height and width of the Alert control.
				monAlert.height=250;
				monAlert.width=250;
			}
			
		]]>
	</fx:Script>
	
	
	<fx:Declarations>
		<!-- Placer ici les éléments non visuels (services et objets de valeur, par exemple). -->
		
		<mx:EmailValidator id="emailValide" source="{emailInput}" property="text" 
						   trigger="{btnCon}" triggerEvent="click" invalid="emailValide_invalidHandler(event)" />
		
	.........
		
	</fx:Declarations>

voici les erreurs qui sont affichees :

Code:

1
2
3
4
5
6
7
8
 
Plusieurs marqueurs sur cette ligne :
-Accès à la propriété OK non définie
-1061: Appel à la méthode show peut-être non définie, via la référence de type static Class.
-1119: Accès à la propriété OK peut-être non définie, via la référence de type static Class.
-Appel à une méthode show qui ne semble pas définie
Accès à la propriété height non définie
Accès à la propriété width non définie

Alors je voudrais savoir comment resoudre ces differentes erreurs?
Merci

10/09/2013, 09h50
Krazymins

Salut,

Il n'est pas possible d'utiliser Alert pour une application mobile.
Tu dois plutôt utiliser la classe SkinnablePopupContainer.

Tu as beaucoup de tutos sur le net pour les applications Flex mobile. Celui-ci te sera fort utile.

N'hésite pas à investiguer davantages..

1 pièce(s) jointe(s)

Merci pour votre reponse.
En fait ce que je cherche à faire, c'est une capture des erreurs, comme le montre le fichier joint, dans un Alert ou popup ou autre pour plus de convivialité.
code du fichier joint :

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
 
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
		xmlns:s="library://ns.adobe.com/flex/spark"
		xmlns:mx="library://ns.adobe.com/flex/mx"
		xmlns:supportClasses="spark.skins.mobile.supportClasses.*"
		actionBarVisible="false" title="Connexion" toolTip="true">
 
	<fx:Script>
		<![CDATA[
			import flash.sampler.NewObjectSample;
 
			import mx.states.OverrideBase;
			import mx.validators.ValidationResult;
			import mx.validators.Validator;
 
			private function onResetForm():void {
				// Suppression du nom d'utilisateur saisi
				emailInput.text = "";
				// Suppression du message d'erreur
				emailInput.errorString = "";
 
				passInput.text = "";
				passInput.errorString = "";
			}
		]]>
	</fx:Script>
 
 
 
	<fx:Declarations>
		<!-- Placer ici les éléments non visuels (services et objets de valeur, par exemple). -->
 
		<mx:EmailValidator id="emailValide" source="{emailInput}" property="text" 
						   trigger="{btnCon}" triggerEvent="click" missingUsernameError="Nom utilisateur absent" 
						   missingAtSignError="Le charactere @ est manquant dans votre adresse email." 
						   missingPeriodInDomainError="Le domaine est manquant dans votre adresse email."
						   invalidCharError="L'Email contient des carateres invalides."
						   invalidDomainError="Le format du domain de votre Email est incorrect" 
						   invalidIPDomainError="Le format votre adresse IP est incorrect"
						   invalidPeriodsInDomainError="Le domaine de votre adresse Email contient des points consecutifs"
						   requiredFieldError="Champ obligatoire" 
						   tooManyAtSignsError="L'email contient plus de signe '@'"/>
 
		<mx:StringValidator id="passValide" source="{passInput}" property="text" 
							trigger="{btnCon}" triggerEvent="click" minLength="6" maxLength="12" 
							requiredFieldError="Champ obligatoire" />
 
	</fx:Declarations>
 
 
	<s:Image x="0" y="-10" width="320" source="assets/Afrik11.jpg"/>
	<s:Form left="0" top="72" bottom="59" width="306" horizontalCenter="-7" verticalCenter="6">
		<s:FormItem id="formEmail" width="309" label="Email :" required="true">
			<s:TextInput id="emailInput" x="91" y="136" width="183" prompt="Saisissez votre Email" fontSize="13"/>
		</s:FormItem>
 
		<s:FormItem id="formPass" width="310" label="Password :" required="true">
			<s:TextInput id="passInput" x="92" y="201" width="181" displayAsPassword="true" 
						 prompt="Saisissez votre mot de passe" fontSize="13" />
		</s:FormItem>
 
		<s:FormItem id="formBtn" width="295">
			<s:HGroup width="159" height="46">
			<s:Button label="Reset" id="btnReset" click="onResetForm()"/>
			<s:Button  label="Valider" id="btnCon" x="93" y="247"/>
 
			</s:HGroup>
		</s:FormItem>
 
		<s:RichEditableText width="311" editable="false" paddingLeft="80">
			<s:a href="#" fontSize="12">Ouvrir un compte sur Afrik11.com</s:a>				
				<s:br/>
				<s:br/>
			<s:a href="#" fontSize="12">Mot de Passe oublié?</s:a>
		</s:RichEditableText>
 
		<s:FormItem width="295">
			<s:IconItemRenderer decorator="assets/flag_blue.png" label="Langue"/>
		</s:FormItem>
	</s:Form>
 
 
	<s:ButtonBar requireSelection="true" x="0" y="417" width="320">
 
		<s:layout>
			<s:ButtonBarHorizontalLayout/>
		</s:layout>
 
		<s:dataProvider>
		<mx:ArrayCollection>
			<fx:String id="aide">Aide</fx:String>
			<fx:String id="quitter">Quitter</fx:String>
		</mx:ArrayCollection>
		</s:dataProvider>
 
	</s:ButtonBar>	
 
 
 
</s:View>

11/09/2013, 13h21
Krazymins

Et quel est le problème dorénavant ?
Tu n'arrives pas à afficher le popup ? la validation sur les champs ne se fait pas ?
11/09/2013, 13h56
Anohjp

La validation s'effectue.
Mon problème se situe au niveau de la popup ou boîte de dialogue permettant de capturer les erreurs dans le cas où elles se produisent;
Par exemple dans l'image jointe, l'erreur affichée est " Champ obligatoire"(dans le cas où les champs sont vides lors de la validation) et c'est ça que je souhaite capturer dans une boîte de dialogue;
je n'arrive pas à faire cela.
11/09/2013, 14h35
Krazymins

Mais si je comprends bien,
Depuis le départ tu affiches une popup affichant la saisie de l'email et du mot de passe, et si cette saisie est erronée, alors tu affiches les messages d'erreur sur les composants ?
Dans ce cas, l'affichage des messages d'erreur se passent comme dans un écran habituel, donc tu dois utiliser PopupManager pour afficher ta vue en tant que PopUp.

Si l'écran de saisie est sur la page principale et que tu veux seulement afficher les erreurs dans un popup up destiné à cela, alors il te faut quasiement le même code que dans ta page principale (un petit composant est le bien venu), sur lequel tu affiches les messages d'erreurs.
Dans les 2 cas, l'affichage des messages d'erreur suite à une erreur de validation se font normalent. Pour plus d'infos je te renvoies à la doc Flex sur les validators.
13/09/2013, 16h45
Krazymins

Salut,
tu as marqué la discussion comme résolue .. finalement quelle était l'astuce ?