[Struts-Layout] image dans un layout:collection

**tomy29** · 17/07/2008, 14h23

Code source :

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
<head>
	<link rel="stylesheet" href="/ECommerce/config/default.css" type="text/css"><script type="text/javascript">var imgsrc="/ECommerce/config/"; var scriptsrc="/ECommerce/config/"; var langue="fr"; var contextPath="/ECommerce";</script><script type="text/javascript" src="/ECommerce/config/javascript.js"></script>
</head>
 
 
   <table cellspacing="0" cellpadding="0" border="0" align="left" class="FORM"><tr><td valign="top"><table cellspacing="1" cellpadding="1" border="0" width="100%">
 
 
 
 
 
   <tr valign="top"><th class="FORM"></th><th class="FORM"></th></tr>
 
	<tr><td class="FORM">
 
	   <img src="img/peugeot_407_coupe.jpg" height="100" width="130">
	</td>
	<td class="FORM">Peugeot</td>
	<td class="FORM">407 coupé</td>
	<td class="FORM">
		<a href="/ECommerce/ajoutVoiturePanier.do?id=1">Ajouter à mon panier</a>
 	</td>
 
   </tr>
	<tr><td class="FORM">
	   <img src="img/renault-megane.jpg" height="100" width="130">
	</td>
	<td class="FORM">Renault</td>
	<td class="FORM">Mégane</td>
	<td class="FORM">
		<a href="/ECommerce/ajoutVoiturePanier.do?id=2">Ajouter à mon panier</a>
 
 	</td>
   </tr></table></td></tr></table>
<table border="0" cellspacing="1" cellpadding="1" class="PAGER""><tr>
<td width="50%" style="text-align : right" class='PAGER'></td>
<td  class='PAGER'>1&nbsp;<a href="/ECommerce/sort.do?layoutCollection=0&amp;pagerPage=1" class="PAGER">2</a>&nbsp;<a href="/ECommerce/sort.do?layoutCollection=0&amp;pagerPage=2" class="PAGER">3</a>&nbsp;</td>
<td width="50%" style="text-align : left" class='PAGER'><a href="/ECommerce/sort.do?layoutCollection=0&amp;pagerPage=1">&gt;&gt;</a></td>
</tr></table>

et code de la page JSP :

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
<%@ taglib uri="/WEB-INF/struts-layout.tld" prefix="layout" %>
<head>
	<layout:skin includeScript="true"/>
</head>
<layout:pager maxPageItems="2" styleClass="PAGER">
 
   <layout:collection name="listVoiture" id="voiture" align="left" styleClass="FORM">
	<layout:collectionItem title="">
	   <layout:img src="${voiture.photo}" width="130" height="100"/>
	</layout:collectionItem>
	<layout:collectionItem property="marque"/>
	<layout:collectionItem property="modele"/>
	<layout:collectionItem title="">
		<layout:link action="/ajoutVoiturePanier" paramName="voiture" paramId="id" paramProperty="id">Ajouter à mon panier</layout:link>
 	</layout:collectionItem>
   </layout:collection>
 
 
</layout:pager>

**OButterlin** · 17/07/2008, 14h40

Envoyé par tomy29

Je n'utilise aucun css pour le moment.

Ben si, class="PAGER" fait référence à un css...

**c_nvy** · 17/07/2008, 14h44

Envoyé par OButterlin

Ben si, class="PAGER" fait référence à un css...

parce que je lui ai conseillé de rajouter styleClass="PAGER".
C'est le style défini dans le fichier default.css de Struts-Layout pour le tag pager.

Sinon, as-tu bien copié le répertoire config de Struts-Layout dans ton projet ?

**OButterlin** · 17/07/2008, 14h46

Question :
utilises-tu tiles ?

Si oui, il faudrait mettre la partie includeScript dans le modèle
Sinon, la structure de la page n'est pas vraiment top... il faudrait :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<html>
<head>
...
</head>
 
<body>
...
</body>
</html>

**tomy29** · 17/07/2008, 14h52

Je l'ai mis dans mon WebContent.
avec le repertoire images

**c_nvy** · 17/07/2008, 15h28

Ta page jsp étant dans un tile, peux-tu montrer le code du layout principal ?

**tomy29** · 17/07/2008, 15h51

Tu parles de mon template.jsp?

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
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>
 
<HTML>
  <HEAD>
    <%-- <link rel=stylesheet href="<%=request.getContextPath()%>/layouts/stylesheet.css" type="text/css"> --%>
        <title>titre</title>
  </HEAD>
 
<body bgcolor="#ffffff" text="#000000" link="#023264" alink="#023264" vlink="#023264">
<table border="0" width="100%" cellspacing="5">
<tr>
  <td colspan="2">
  	<tiles:insert attribute="header" />
  </td>
</tr>
<tr>
  <td width="140" valign="top">
    <tiles:insert attribute='menu'/>
  </td>
  <td valign="top"  align="left" height="400">
    <div style="overflow:auto;height:100%;">
    	<tiles:insert attribute='body' />
    </div>
  </td>
</tr>
<tr>
  <td colspan="2">
    <tiles:insert attribute="footer" />
  </td>
</tr>
</table>
</body>
</html>

ou de accueilVoiture.jsp (qui insert menu, header, body, footer) :

Code :

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

1
2
3
4
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>
 
 
<tiles:insert definition="templateVoiture"/>

**c_nvy** · 17/07/2008, 16h02

Comme l'a précisé OButterlin, c'est dans la balise head du template.jsp qu'il faudrait ajouter le tag <layout:skin includeScript="true"/>, plutôt que dans la jsp qui affiche la liste des voitures.

**tomy29** · 17/07/2008, 16h07

Après rajout de

Code :

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

<layout:skin includeScript="true"/>

dans le head du modèle, le résultat est inchangé.

**c_nvy** · 17/07/2008, 16h09

Peux-tu faire une copie d'écran du résultat ?

**tomy29** · 17/07/2008, 16h18

La voici :
Pièce jointe 33575

**c_nvy** · 17/07/2008, 16h33

Le résultat est assez étrange.

Je suis un peu à court d'idées là.

Faudrait peut-être faire un test en mettant le tag layout:pager dans un tag layout:grid.

**tomy29** · 17/07/2008, 16h38

Ok, je testerai ça très bientot.
En attendant, comme tu peux le voir sur l'image les voitures sont affichées sous forme de tableau tout moche.
le <layout:collection> ne permet pas d'afficher tout simplement les propriétés de l'objet sans ajouter de tableau et ses bordures toutes moches?

**c_nvy** · 17/07/2008, 16h43

Il faut créer le style qui correspond à ton besoin au lieu d'utiliser celui fourni par défaut par Struts-Layout.

**tomy29** · 17/07/2008, 17h10

Autrement dit, il faut que je me penche sur ce fameux concept de ... CSS...?

**c_nvy** · 17/07/2008, 17h12

Eh oui.

**OButterlin** · 17/07/2008, 17h31

Code :

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

1
2
3
4
...
<layout:collection name="listVoiture" id="voiture" align="left" styleClass="FORM">
...

Je viens de voir ceci, il faudrait le retirer...

**tomy29** · 17/07/2008, 17h47

Oui, il n'y était pas à l'origine. Mais je voulais justement que les items soient alignés à gauche tout en laissant le compteur de page en bas de la page.
Quand tout est au centre, le compteur est effectivement en bas de la page.

**OButterlin** · 17/07/2008, 18h00

Envoyé par tomy29

Oui, il n'y était pas à l'origine. Mais je voulais justement que les items soient alignés à gauche tout en laissant le compteur de page en bas de la page.
Quand tout est au centre, le compteur est effectivement en bas de la page.

Ce qui est normal...
Si tu retires le styleClass="FORM", il ne devrait plus être centré (mais bon, ça dépend du fichier default.css de la configuration)

**tomy29** · 17/07/2008, 18h03

Toujours centré en retirant le styleClasse = FORM
code source de la page : (le CENTER est bien spécifié, ca vient qd mm du CSS?)

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
<table cellspacing="0" cellpadding="0" border="0" align="CENTER"><tr><td valign="top"><table cellspacing="1" cellpadding="1" border="0" width="100%">
   <tr valign="top"><th></th><th></th></tr>
	<tr><td>
	   <img src="img/ferrari_f40.jpg" height="100" width="130">
	</td>
	<td>Ferrari</td>
	<td>F40</td>
	<td>
		<a href="/ECommerce/ajoutVoiturePanier.do?id=5">Ajouter à mon panier</a>
 	</td>
   </tr></table></td></tr></table>
 
<table border="0" cellspacing="1" cellpadding="1" class="PAGER""><tr>
<td width="50%" style="text-align : right" class='PAGER'><a href="/ECommerce/sort.do?layoutCollection=0&amp;pagerSessionId=currentPage&amp;pagerPage=1">&lt;&lt;</a></td>
<td  class='PAGER'><a href="/ECommerce/sort.do?layoutCollection=0&amp;pagerSessionId=currentPage&amp;pagerPage=0" class="PAGER">1</a>&nbsp;<a href="/ECommerce/sort.do?layoutCollection=0&amp;pagerSessionId=currentPage&amp;pagerPage=1" class="PAGER">2</a>&nbsp;3&nbsp;</td>
<td width="50%" style="text-align : left" class='PAGER'></td>
</tr></table>

[Struts-Layout] image dans un layout:collection

Struts 1 Java

Discussions similaires

Partager

Partager