TabContainer: quel contentPane (tab) est actif (affiché) ?

**Lnhab** · 25/11/2009, 10h40

Bonjour,

J'utilise le composant ContentPane pour créer des tables et afficher différents vues et j'aurais besoin de savoir quel table est active affichée.

Pour tester cette fonctionalité, j'ai créé un fichier de test:

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
 
<html>
  <head>
  	<title>TestContent Pane</title>
 
	<script type="text/javascript" src="lib/dojo/dojo.js" djConfig="isDebug:false, parseOnLoad: true"></script>
	<script type="text/javascript">
		dojo.require("dijit.layout.TabContainer");
		dojo.require("dijit.layout.ContentPane");
	</script>
 
  </head>
  <body>	
	<div dojoType="dijit.layout.TabContainer" region="center" id="topTabs"  style="background-color: blue;" >
		<div id="reserver" dojoType="dijit.layout.ContentPane" refreshOnShow="true" title="Field1">
			<iframe src='./TODO2.html' id='field1' style="width:90%; height:600px; border:none; overflow:hidden; float:right;"></iframe>  
		</div>
 		<div id="myresa" dojoType="dijit.layout.ContentPane" refreshOnShow="true" title="Field2">
			<iframe src='./TODO.html' id='field2' style="width:90%; height:600px; border:none; overflow:hidden; float:right;"></iframe>
		</div> 
		<div id="recherche" dojoType="dijit.layout.ContentPane" refreshOnShow="true" title="Field3" >
			<iframe src='./TODO.html' id='field3' style="width:90%; height:600px; border:none; overflow:hidden; float:right;"></iframe>
		</div>
	</div>		
 
	<script type="text/javascript">
		if (dojo.byId("topTabs").selectedChildWidget == dojo.byId("reserver"))
		{	
			alert('actif');
		}
	</script>
    </body>
</html>

Mais le message ne s'affiche pas et j'ai aucune erreur dans la console. J'ai l'impression que l'expression dojo.byId("topTabs").selectedChildWidget retroune un objet null.

Merci

Hélène

**emmanuel.remy** · 27/11/2009, 01h09

Salut,

Attention à ne pas confondre dojo.byId qui en gros est l'équivalent de document.getElementById et dijit.byId qui renvoie le composant Dojo concerné:

Code :

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

if (dojo.byId("topTabs").selectedChildWidget

à remplacer par

Code :

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

if (dijit.byId("topTabs").selectedChildWidget

Bon dev,

ERE

TabContainer: quel contentPane (tab) est actif (affiché) ?

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager