Soucis avec SVG et JSF

Version imprimable

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:

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.

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

Code:

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>

09/05/2014, 10h37
lahobah

svg et jsf

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>