[Struts-Layout] image dans un layout:collection

Version imprimable

Voir 40 message(s) de cette discussion en une page

Code source :

Code:

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:

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>

17/07/2008, 13h40
OButterlin

Citation:

Envoyé par tomy29

Je n'utilise aucun css pour le moment.

Ben si, class="PAGER" fait référence à un css...
17/07/2008, 13h44
c_nvy

Citation:

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 ?
17/07/2008, 13h46
OButterlin
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:

1 2 3 4 5 6 7 8 9 10 <html> <head> ... </head> <body> ... </body> </html>
17/07/2008, 13h52
tomy29

Je l'ai mis dans mon WebContent.
avec le repertoire images
17/07/2008, 14h28
c_nvy

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

Tu parles de mon template.jsp?

Code:

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:

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

17/07/2008, 15h02
c_nvy

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.
17/07/2008, 15h07
tomy29

Après rajout de

Code:

<layout:skin includeScript="true"/>

dans le head du modèle, le résultat est inchangé.
17/07/2008, 15h09
c_nvy

Peux-tu faire une copie d'écran du résultat ?
17/07/2008, 15h18
tomy29

La voici :
Pièce jointe 33575
17/07/2008, 15h33
c_nvy

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.
17/07/2008, 15h38
tomy29

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?
17/07/2008, 15h43
c_nvy

Il faut créer le style qui correspond à ton besoin au lieu d'utiliser celui fourni par défaut par Struts-Layout.
17/07/2008, 16h10
tomy29

Autrement dit, il faut que je me penche sur ce fameux concept de ... CSS...? :)
17/07/2008, 16h12
c_nvy

Eh oui.:lol:

Code:

1 2 3 4 ... <layout:collection name="listVoiture" id="voiture" align="left" styleClass="FORM"> ...
Je viens de voir ceci, il faudrait le retirer...

17/07/2008, 16h47
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.
17/07/2008, 17h00
OButterlin

Citation:

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)

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:

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>

Voir 40 message(s) de cette discussion en une page