inputText focus null dans un ViewStack

**Brunettia** · 04/06/2009, 09h19

Bonjour,

J'ai un problème:

J'ai un ViewStack comprenant plusieurs pages. Lorsque je vais sur une autre page que la première, et qu'elle contient un inputText, j'obtiens l'exception suivante:

TypeError: Error #1009: Il est impossible d'accéder à la propriété ou à la méthode d'une référence d'objet nul.
at mx.managers::FocusManager/focusInHandler()[C:\autobuild\3.x\frameworks\projects\framework\src\mx\managers\FocusManager.as:601]

Mais par contre après ça fonctionne ça m'énerve.

Code contenant la ViewStack:

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
45
46
 
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml">
 
	<mx:Panel layout="absolute"
			  title="Bienvenue {model.login.prenom}"
			  width="100%"
			  height="100%"
			  xmlns:viewC="view.component.*">
		<mx:Script>
			<![CDATA[
				import modelLocator.ModelLocator;
				[Bindable]
				public var model:ModelLocator=ModelLocator.getInstance();
			]]>
		</mx:Script>
		<mx:ViewStack id="MenuAdminContent"
					  resizeToContent="true"
					  alpha="1.0" creationPolicy="all">
			<viewC:AccueilView label="Accueil"
							   width="100%"
							   height="100%"
							   backgroundColor="#FFFFFF"/>
			<viewC:InsertArticleView label="Gestion des insertions"
									 width="100%"
									 height="100%"/>
			<viewC:ReserveArticleView label="Gestion des réservations"
									  width="100%"
									  height="100%"/>
			<viewC:SellArticleView label="Gestion des ventes"
								   width="100%"
								   height="100%"/>
			<viewC:PretArticleView label="Gestion des prêts"
								   width="100%"
								   height="100%"/>
			<viewC:ManageUserView label="Gestion utilisateurs"
								  width="100%"
								  height="100%"/>
 
		</mx:ViewStack>
		<mx:LinkBar dataProvider="MenuAdminContent"
					fontSize="12"/>
 
 
	</mx:Panel>
</mx:Canvas>

Et le code d'une des pages:

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
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
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
		   width="100%"
		   height="100%"
		   backgroundColor="#FDFDFD">
	<mx:states>
		<mx:State name="AddUser">
			<mx:AddChild position="lastChild">
				<mx:Form x="42"
						 y="323"
						 width="315"
						 height="206">
					<mx:FormItem label="Label">
						<mx:TextInput/>
					</mx:FormItem>
				</mx:Form>
			</mx:AddChild>
		</mx:State>
	</mx:states>
	<mx:Script>
		<![CDATA[
			import mx.events.IndexChangedEvent;
			import com.adobe.cairngorm.control.CairngormEventDispatcher;
			import control.FonctionEvent;
			import modelLocator.ModelLocator;
			import mx.containers.ViewStack;
 
			[Bindable]
			public var model:ModelLocator=ModelLocator.getInstance();
 
			private function generatePassword():String
			{
				var chars:Array=new Array("a", "A", "b", "B", "c", "C", "d", "D", "e", "E", "f", "F", "g", "G", "h", "H", "i", "I", "j", "J", "k", "K", "l", "L", "m", "M", "n", "N", "o", "O", "p", "P", "q", "Q", "r", "R", "s", "S", "t", "T", "u", "U", "v", "V", "w", "W", "x", "X", "y", "Y", "z", "Z", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "#", "@", "%", "&", "?", ",", ".", "-", "_", "!", "+", "$", "€", "=");
				var specialChars:Boolean=false;
				var size:int=6;
				var pass:String="";
				for (var x:int=0; x < size; x++)
				{
					if (specialChars == true)
						pass+=chars[(Math.floor(Math.random() * (chars.length)))];
					else
						pass+=chars[(Math.floor(Math.random() * (chars.length - 14)))];
				}
				//inputPassword.text=pass;
				return pass;
			}
 
			private function addNewUser():void
			{
				currentState='AddUser';
				//var evt:FonctionEvent=new FonctionEvent();
				//CairngormEventDispatcher.getInstance().dispatchEvent(evt);
			}
		]]>
	</mx:Script>
 
	<mx:Grid x="22"
			 y="115"
			 id="grid1">
		<mx:GridRow width="100%"
					height="100%"
					id="gAddUser">
			<mx:GridItem width="100%"
						 height="100%"
						 verticalAlign="middle">
				<mx:Image source="assets/images/icones/Add.png"/>
 
			</mx:GridItem>
			<mx:GridItem width="100%"
						 height="100%">
				<mx:LinkButton label="Ajouter un nouvel utilisateur"
							   fontSize="16"
							   id="linkbutton4"
							   click="addNewUser()"/>
			</mx:GridItem>
		</mx:GridRow>
		<mx:GridRow width="100%"
					height="100%"
					id="gridrow2">
			<mx:GridItem width="100%"
						 height="100%"
						 verticalAlign="middle"
						 id="griditem1">
				<mx:Image source="assets/images/icones/Modify.png"/>
			</mx:GridItem>
			<mx:GridItem width="100%"
						 height="100%"
						 id="griditem2">
				<mx:LinkButton label="Modifier un utilisateur"
							   fontSize="16"
							   id="linkbutton1"/>
			</mx:GridItem>
		</mx:GridRow>
		<mx:GridRow width="100%"
					height="100%"
					id="gridrow1">
			<mx:GridItem width="100%"
						 height="100%"
						 verticalAlign="middle"
						 id="griditem4">
				<mx:Image source="assets/images/icones/Delete.png"/>
			</mx:GridItem>
			<mx:GridItem width="100%"
						 height="100%"
						 id="griditem3">
				<mx:LinkButton label="Supprimer un utilisateur"
							   fontSize="16"
							   id="linkbutton2"/>
			</mx:GridItem>
		</mx:GridRow>
		<mx:GridRow width="100%"
					height="100%"
					id="gridrow3">
			<mx:GridItem width="100%"
						 height="100%">
				<mx:Image id="image1"/>
			</mx:GridItem>
			<mx:GridItem width="100%"
						 height="100%"
						 id="griditem5">
				<mx:LinkButton label="Imprimer un fichier PDF"
							   fontSize="16"
							   id="linkbutton3"/>
			</mx:GridItem>
		</mx:GridRow>
	</mx:Grid>
	<mx:Form x="349" y="115" width="236">
		<mx:FormItem label="Label">
			<mx:TextInput/>
		</mx:FormItem>
	</mx:Form>
 
 
</mx:Canvas>

Merci d'avance !

**jylaxx** · 04/06/2009, 09h55

Bonjour,

Par défaut les pages d'un ViewStack sont créées lors du premier affichage.
Il est fort probable que ton programme appelle la méthode setFocus d'un TextInput pas encore instancié.

Je n'ai pas trouvé dans le code à quel moment la méthode setFocus était appelée...

Une solution est de créer tous les composants d'un container au début (cf. creationPolicy).

**Brunettia** · 04/06/2009, 09h58

La méthode setFocus est utilisée lorsque je clique sur mon inputText.

Autrement j'ai vu ce creationPolicy, que j'ai mis sur "all", et que j'ai essayé de mettre un peu partout mais sans succès. No comprendo.

**jylaxx** · 04/06/2009, 10h56

Tu veux dire que la page s'affiche normalement et que c'est au moment où tu click sur le InputText que tu déclenches l'erreur ?

**Brunettia** · 04/06/2009, 11h01

exactement oui !

**Jim_Nastiq** · 04/06/2009, 11h05

Salut,

Peux tu nous montrer ton code correspondant au setfocus sur ton textInput lors du clic?

**hhfr** · 11/09/2009, 19h57

Bon j'imagine que tu as résolu ton probleme depuis le temps.
Néanmoins, comme j'ai rencontré le même problème, je post ma solution.

Déjà je re-situe le contexte, mon application est constitué de modules, et beaucoup de problèmes similaires sont remontés suite à l'utilisation de modules.

Apparament, certains managers doivent être instanciés comme des singleton, mais avec les modules, le Flash player s'en mêle les pinceaux. Attention, je dis ce que j'en ai compris. Bref.

La solution à beaucoup de ses problèmes est de mettre dans le mxml père de l'application, des instance de ces managers. Donc la plupart du temps deux lignes comme suit résolvent le problème.

Code :

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

1
2
import mx.managers.BrowserManager;
private var browserManager:BrowserManager;

Voilà pour ce que j'ai trouvé sur le net.

Pour le Focus manager évidement ca ne suffit apparemment pas.

Code :

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

1
2
import mx.managers.IFocusManager;
private var ifocusManager:IFocusManager;

Pour le FocusManager il faut réelement instancier la classe donc dans une function sur le creationComplete de l'appli :

Code :

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

1
2
    private function init():void {<div style="margin-left:40px">
        ifocusManager = new FocusManager(this);</div>}

Voila avec cela je n'est plus le probleme

**jylaxx** · 12/09/2009, 10h08

Effectivement le problème est décrit ici :

Advanced Flex Programming / Creating Modular Applications
Modular applications overview
"Because a module is loaded into a child domain, it owns class definitions that are not in the main application's domain. For example, the first module to load the PopUpManager class becomes the owner of the PopUpManager class for the entire application because it registers the manager with the SingletonManager. If another module later tries to use the PopUpManager, Adobe ® Flash® Player throws an exception. The solution is to ensure that managers such as PopUpManager and DragManager and any other shared services are defined by the main application (or loaded late into the shell's application domain). When you promote one of those classes to the shell, the class can then be used by all modules.

Par contre ce que je trouve bizarre pour le focus manager c'est qu'il n'y a pas de Singleton dans son cas !!

Par ailleurs tu as écrit ceci :

Code :

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

1
2
import mx.managers.IFocusManager;
private var ifocusManager:IFocusManager;

et tu dis qu'il est nécessaire de créer une instance explicitement.
N'est-ce pas parce tu as utilisé IFocusManager (l'interface) au lieu de FocusManager (l'implémentation).

Est-ce que tu peux dire quels genres de problèmes a été réglé par l'ajout d'une référence à FocusManager ?

**hhfr** · 13/09/2009, 23h50

Envoyé par jylaxx

Est-ce que tu peux dire quels genres de problèmes a été réglé par l'ajout d'une référence à FocusManager ?

Ben exactement le problème décrit au début du Post !!!

Une erreur lors d'un simple clique dans une zone de saisie de texte.
Ou même le chargement d'un module contenant une zone de saisie de texte.

**jylaxx** · 14/09/2009, 13h47

Bizarre, j'utilise intensivement les modules et je n'ai jamais rencontré ce problème...

Est-ce que tu essayé de remplacer IFocusManager par FocusManager, sans créer d'instance ? Si oui est-ce que c'est suffisant pour régler le problème ?

Merci.

inputText focus null dans un ViewStack

Flex

Vue hybride

Discussions similaires

Partager

Partager