[RichFaces] Changement d'image dynamique

**FrenchFrogger** · 16/07/2009, 17h05

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 :

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
<!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 :

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

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

**VirageGroup** · 16/07/2009, 18h17

J'ai bien l'impression qu'il te manque des balises <h:form> (ou bien <a4j:form>)

VG.

**FrenchFrogger** · 17/07/2009, 09h22

Merci, ça marche:

Code :

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

1
2
3
4
5
6
<a4j:form>
<h:graphicImage id="image1" value="#{essaiAntony.fullImagePath}">
<a4j:support action="#{essaiAntony.changeImage1}" event="onclick" reRender="image1">
</a4j:support>
</h:graphicImage>
</a4j:form>

Idem en mettant h:form au lieu de a4j:form.

Dans les 2 cas (h:form et a4j:form), il ne faut pas oublier l'attribut reRender="image1", sinon image1 n'est pas rafraichie.

[RichFaces] Changement d'image dynamique

JSF Java

Vue hybride

Discussions similaires

Partager

Partager