Soucis avec SVG et JSF

**lahobah** · 08/05/2014, 08h48

Salut,

Je fais une application qui utilise du svg dans une page xhtml d'une appli jsf. Mon soucis est que je souhaite mettre des objets (rectangle, ellipse, polygon, ...) dans une même balise svg. Pour le moment voila ce que j'ai écris, il m'affiche les objets mais j'arrive pas à mettre tous les objets dans une même balise :

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
<h:dataTable id = "elpse" value="#{result.plEllipse}" var="ellipse">
<h:column>	
<svg width="300" height="300">
<ellipse cx="#{ellipse.extent.get(0)}" cy="#{ellipse.extent.get(2)}" rx="#{ellipse.extent.get(1)}" 
ry="#{ellipse.extent.get(3)}" lineColor="#{ellipse.lineColor}" />
</svg>
</h:column>
</h:dataTable>
 
<h:dataTable id = "rec" value="#{result.plRectangle}" var="rect">
<h:column>	
<svg width="300" height="300">
<rect x="#{rect.extent.get(0)}" y="#{rect.extent.get(1)}" width="#{rect.w}" height="#{rect.h}" fillColor="#{rect.fillColor}" />
</svg>
</h:column>
</h:dataTable>

Merci d'avance pour votre aide.

**tchize_** · 08/05/2014, 11h03

as-tu essayé le composant t:dataList de apache?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<svg width="300" height="300">
<t:dataList id = "elpse" value="#{result.plEllipse}" var="ellipse" layout="simple">
<ellipse cx="#{ellipse.extent.get(0)}" cy="#{ellipse.extent.get(2)}" rx="#{ellipse.extent.get(1)}" 
ry="#{ellipse.extent.get(3)}" lineColor="#{ellipse.lineColor}" />
</t:dataList>
 
<t:dataList id = "rec" value="#{result.plRectangle}" var="rect" layout="simple">
<rect x="#{rect.extent.get(0)}" y="#{rect.extent.get(1)}" width="#{rect.w}" height="#{rect.h}" fillColor="#{rect.fillColor}" />
</t:dataList>
</svg>

**lahobah** · 09/05/2014, 10h37

Bonjour,
j'ai utilisé le composant t:dataList de apache mais ça ne fonctionne pas.
Je vous envoie mon petit code de la page (index.xhtml) si vous pouvez m'aider ça sera un plaisir. Merci

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:svg = "http://www.w3.org/2000/svg">

<head>
<title>J2EEApplicationJSF</title>
</head>
<body>

<div id="graph" width="100%" height="100%">
<h:dataTable id = "elpse" value="#{result.plEllipse}" var="ellipse">
<h:column>
<svg width="300" height="300">
<ellipse cx="#{ellipse.extent.get(0)}" cy="#{ellipse.extent.get(2)}" rx="#{ellipse.extent.get(1)}"
ry="#{ellipse.extent.get(3)}" lineColor="#{ellipse.lineColor}" />
</svg>

</h:column>
</h:dataTable>

<h:dataTable id = "rec" value="#{result.plRectangle}" var="rect">
<h:column>
<svg width="300" height="300">
<rect x="#{rect.extent.get(0)}" y="#{rect.extent.get(1)}" width="#{rect.w}" height="#{rect.h}" fillColor="#{rect.fillColor}" />
</svg>
</h:column>
</h:dataTable>

</div>

</body>
</html>

Soucis avec SVG et JSF

JSF Java

Vue hybride

Discussions similaires

Partager

Partager