[struts layout 1.1] utilisation des onglets ne fonctionne pas

**jayjaypg22** · 08/04/2010, 10h09

Je tente une page d'essai sur la gestion des tags par struts-layout que je n'arrive pas à faire fonctionner, les onglets ne sont pas cliquables et le contenu non affiché (cf pièce jointe). Voici le code :

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
 
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@taglib uri="/WEB-INF/struts-layout.tld" prefix="layout"%>
<html>
<head>
	<layout:skin includeScript="true"/> 
<title>Test</title>
    <meta http-equiv = "Content-Language" content = "fr">
</head>
<body>
 
<layout:tabs styleClass="FORM" width="400" selectedTabKeyName="tab">
		<layout:tab key="carac1" width="50" href="test.jsp?tab=carac1">
bla bla
		</layout:tab>
		<layout:tab key="carac2" width="50" href="test.jsp?tab=carac2">
	bli bli
		</layout:tab>
		<layout:tab key="carac3" width="50" href="test.jsp?tab=carac3">
			<tr><td>
			panel content 3
			</td></tr>
		</layout:tab>
	</layout:tabs>
</body>
</html>

Html généré :

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
 
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Language" content="fr">
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" width="400">
	<tr>
		<td>
		<table width="100%" cellspacing="0" cellpadding="0">
			<tr>
				<td id="tabs0head0" class="ongletTextEna" width="50"
					onmouseover="onTabHeaderOver(0,0,'ongletTextEna')"
					onclick="selectTab(0,3,0,'ongletTextEna','ongletTextDis','ongletTextErr',null,null);">carac1</td>
				<td width="5" class="ongletSpace">&nbsp;</td>
				<td id="tabs0head1" class="ongletTextDis" width="50"
					onmouseover="onTabHeaderOver(0,1,'ongletTextEna')"
					onclick="selectTab(0,3,1,'ongletTextEna','ongletTextDis','ongletTextErr',null,null);">carac2</td>
				<td width="5" class="ongletSpace">&nbsp;</td>
				<td id="tabs0head2" class="ongletTextDis" width="50"
					onmouseover="onTabHeaderOver(0,2,'ongletTextEna')"
					onclick="selectTab(0,3,2,'ongletTextEna','ongletTextDis','ongletTextErr',null,null);">carac3</td>
				<td width="5" class="ongletSpace">&nbsp;</td>
				<td class="ongletSpace">&nbsp;</td>
			</tr>
			<tr>
				<td height="5" colspan="7" class="ongletMiddle">&nbsp;</td>
			</tr>
		</table>
		</td>
	</tr>
	<tr>
		<td class="ongletMain">
		<div id="tabs0tab0">
		<table border="0" cellspacing="0" cellpadding="0" class="clsAction">
 
		</table>
		</div>
		<div id="tabs0tab1" style="display:none;">
		<table border="0" cellspacing="0" cellpadding="0" class="clsAction">
 
		</table>
		</div>
		<div id="tabs0tab2" style="display:none;">
		<table border="0" cellspacing="0" cellpadding="0" class="clsAction">
			<tr>
				<td>panel content 3</td>
			</tr>
		</table>
		</div>
		</td>
	</tr>
</table>
 
</body>
</html>

J'ai bien suivi la procédure d'install et j'ai vérifié avec cette discussion qui semble sur un pb similaire.

J'utilise ailleurs des tags de la taglib layout donc il n'y a pas de pb d'install de celle ci, quoique ce sont pour les tags grid , column et row, il n'y a pas d'utilisation de la partie javascript. Mais j'ai bien la déclaration des dossiers config, contenant les js, et images à la racine.

**OButterlin** · 08/04/2010, 10h23

Que cherches-tu à faire via href ?
Avec une page JSP en référence, j'aurais plutôt vu <jsp:include>

**jayjaypg22** · 08/04/2010, 10h32

J'avoue que c'est une tentative désespérée pour que mon onglet soit clickable. Celui ci ne sert à rien à mon avis. Le but est de tout faire sur la même jsp je n'ai que du texte à afficher dans chaque onglet, au max un tableau.

Le but à terme est de faire fonctionner un displaytag dans un de ces onglets : Pour l'instant le hic c'est que lorsque j'effectue un tri sur ce displaytable il perds l'onglet. Actuellement la gestion des onglets est statiques, il n'est donc pas étonnant que ça ne fonctionne pas. J'ai trouvé cette taglib qui semble pouvoir solutionner mon pb. Maintenant je la test sur un exemple simple pour la faire fonctionner avant de l'intégrer dans mon appli sur un exemple plus complexe.

J'avais essayé l'intégration directe mais j'ai bien vu qu'il me fallait une étape intermédiaire

**OButterlin** · 08/04/2010, 11h24

Ton besoin est où exactement ?
Tu veux positionner l'onglet actif côté serveur ?

**jayjaypg22** · 08/04/2010, 11h32

Mon besion à court terme est de faire fonctionner ce test simple d'utilisation des onglets. Pour l'instant rien ne fonctionne, donc test pas si simple!

A moyen terme : Insérer un displaytable dans un onglet et faire que le tri nous ramène vers le bon onglet avec tableau trié. Pour l'instant mon tableau est bien trié mais l'onglet actif est celui par défaut.

**OButterlin** · 08/04/2010, 11h46

Dans un premier temps, retire les href, ça risque d'interférer.
Ensuite, test le programme, si tu peux changer d'onglet depuis l'IHM, le tag fonctionne.
En dernier lieu, je suppose que tu es sur un onglet, tu cliques sur un bouton ou autre lien et tu appelles une Action qui elle doit renvoyer sur un autre onglet (c'est bien ça ?).
Cette action doit positionner la valeur adéquate pour que l'affichage change, il faut passer par fr.improve.struts.taglib.layout.util.TabsUtil.setCurrentTab(selectedTabKeyName, key, request, response).

[struts layout 1.1] utilisation des onglets ne fonctionne pas

Struts 1 Java

Vue hybride

Discussions similaires

Partager

Partager