[Struts-Layout] image dans un layout:collection

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

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, 13h40

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, 13h44

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, 13h46

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, 13h52

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

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

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

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

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, 15h02

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, 15h07

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, 15h09

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

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

La voici :
Pièce jointe 33575

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

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, 15h38

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, 15h43

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, 16h10

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

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

Eh oui.

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

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, 16h47

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, 17h00

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, 17h03

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