[RichFaces] Changement d'image dynamique
J'ai une page avec une image affichée, et je n'arrive pas à changer dynamiquement d'image, sans recharger la page.
Dans l'exemple ci-dessous, fullImagePath est le chemin vers une image parmi 4, et changeImage1 est une méthode changeant fullImagePath, choississant une autre image.
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
| <!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:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:a4j="http://richfaces.org/a4j">
<head>
<link rel="stylesheet" type="text/css" href="default.css"/>
<body>
<f:view>
<p>Essai</p>
<h:graphicImage id="image1" value="#{essaiAntony.fullImagePath}">
</h:graphicImage>
<br/>
<a4j:commandLink value="Changer Image" action="#{essaiAntony.changeImage1}" reRender="image1">
</a4j:commandLink>
<br/>
<h:commandButton action="#{essaiAntony.changeImage1}" value="Changer Image"/>
</f:view>
</body>
</html> |
J'ai essayé sans succès avec a4j:commandLink , h:commandButton.
Idem avec un a4j:support mis entre les balises <h:graphicImage ... > </h:graphicImage>
Quand je clic sur l'image, il ne se passe rien alors que je voudrait qu'il y ait un changement d'image.
J'ai mis entre les balises <h:graphicImage ... > </h:graphicImage> un a4j:log, il ne m'affiche aucune erreur, juste ces deux messages:
Code:
1 2
| debug[16:55:43,440]: Have Event [object Object] with properties: target: http://localhost:8080/GuiClient-0.0.1-SNAPSHOT/pages/testAntony.jsf#, srcElement: http://localhost:8080/GuiClient-0.0.1-SNAPSHOT/pages/testAntony.jsf#, type: click
debug[16:55:43,442]: Query preparation for form 'null' requested |