Discussion :

[matthieudt]

Dans un composant qui possède plusieurs états , j'utilise un tabbar spark basé sur une viewStack contenant une liste de Navigator Content . Le nombre d’onglets du tabbar varie selon l'états du composant.
Le Tabbar fonctionne, mais par moment il y a des bugs: après un changement d'états, il peut avoir plusieurs onglets sélectionnés.

Bug1 :
Je me mets en états 3(à l’aide de la comboBox),
puis je sélectionne le dernier onglet,
puis je passe a l’état deux (à l’aide de la comboBox).
Resultat : l’onglet3 et 4 sont sélectionné.

Bug2 :
je veux forcer la sélection du 1er onglet à la suite d’un changement d’état(idViewStack.selectedIndex = 0 ,
Resultat : plusieurs onglets sont sélectionnés.

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
 
Code :
<?xml version="1.0" encoding="utf-8"?>
<s:VGroup xmlns:fx="http://ns.adobe.com/mxml/2009" 
		  xmlns:s="library://ns.adobe.com/flex/spark" 
		  xmlns:ns="library://ns.adobe.com/flex/mx" 
		  xmlns:tabbarNavigation="tabbarNavigation.*"
		  xmlns:views="views.*"
		  width="1000" height="800"
		  creationComplete="application1_creationCompleteHandler(event)" xmlns:tabbarNavigation2="tabbarNavigation2.*" xmlns:tabBarNavigation="tabBarNavigation.*">
 
	<fx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			import mx.controls.Alert;
			import mx.events.FlexEvent;
 
			import spark.events.IndexChangeEvent;
 
			[Bindable()]
			public var dataproviderStatesChoise:ArrayCollection = new ArrayCollection();
 
			protected function application1_creationCompleteHandler(event:FlexEvent):void
			{
				dataproviderStatesChoise.addItem("state1");
				dataproviderStatesChoise.addItem("state2");
				dataproviderStatesChoise.addItem("state3");
				statesChoise.selectedIndex=0;
			}			
			protected function changeHandler(event:IndexChangeEvent):void
			{
				if(event.newIndex==0){
					currentState="state1";
				}else if(event.newIndex==1){
					currentState="state2";
				}else {
					currentState="state3";
				}
			}
		]]>
	</fx:Script>
 
	<s:states>
		<s:State name="state1"/>
		<s:State name="state2"/>
		<s:State name="state3"/>
	</s:states>
 
	<s:ComboBox id="statesChoise" dataProvider="{dataproviderStatesChoise}" change="changeHandler(event)"/>
 
	<s:TabBar dataProvider="{idViewStack}" id="idTabBar"  />
 
	<ns:ViewStack id="idViewStack" width="95%" height="85%" left="8" y="23" >
 
		<s:NavigatorContent label="Tab1"  width="100%" height="100%" includeIn="state3">
			<s:Label text="Tab1" />
		</s:NavigatorContent>
 
		<s:NavigatorContent label="Tab2"  width="100%" height="100%" includeIn="state2,state3">
			<s:Label text="Tab2" />
		</s:NavigatorContent>
 
		<s:NavigatorContent label="Tab3"  width="100%" height="100%" >
			<s:Label text="Tab3" />
		</s:NavigatorContent>
 
		<s:NavigatorContent label="tab4 "  width="100%" height="100%">
			<s:Label text="Tab4" />
		</s:NavigatorContent>
 
	</ns:ViewStack>
 
</s:VGroup>

Ci joint le fichier swf