Discussion :

[verbose]

Bonjour,

J'ai un lien hypertexte qui s'affiche avec une image par dessus :

Code :

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

1
2
 
<a href="" wicket:id="valider"><img src="..."/></a>

Je voudrais pouvoir modifier cette image lorsque l'utilisateur clique sur une checkbox. Je ne vois pas du tout comment procéder.

[verbose]

J'avance un petit peu.

Je peux maintenant définir dynamiquement la source de l'image :

Code :

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

1
2
3
4
5
 
<img wicket:id="image"/>
 
Image img = new Image("image", new ContextRelativeResource("path/to/img"));
add(img)

Seulement je n'arrive pas à modifier l'image :

Code :

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

1
2
3
 
img.setImageResource(new ContextRelativeResource("path/to/new/image"));
img.render();

Ce code n'a aucun effet.

[joseph_p]

rapido sans chercher sur la ML wicket (ce que je t'enjoins à faire !) : tu peux faire cela :

Code :

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

<img wicket:id="image"/>

et dans ton code faire (pseudo code encore) :

Code :

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

1
2
WMC image =new WebMarkupContainer("image");
image.add(new AttributeModifier("src", true, IModel<String> imageSrcModel);

A toi de voir comment tu veux fournir ton modèle.

++

[verbose]

Désolé, ton pseudo code est un peu obscure, j'ai encore du mal à maîtriser le système de model.

Ce que je ne comprends pas, c'est comment je vais pouvoir modifier dynamiquement mon image.

[joseph_p]

pour les modèles, as tu lu cet excellent article http://jawher.wordpress.com/i-wrote/...les-de-wicket/ ?

Quoiqu'il en soit, voici une réponse courte, si cela ne suffit pas je ferai une réponse + longue ce soir :
en fait, wicket utilise les modèles comme une "indirection" entre l'affichage et les données. Autrement dit, un composant utilise un seul modèle, et pour cela utilise un bête IModel.getObject(). Par contre le modèle peut accéder aux données de différentes façons.

Dans ton cas, tu as besoin d'un modèle dynamique, qui cherche à chaque fois la bonne valeur. Je te conseille donc le LoadableDetachableModel, via qqchose comme :

Code :

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

1
2
3
4
5
6
 
IModel<String> imageSrcModel = new LoadableDetachableModel<String>(){
public String load(){
return searchForSrc();
}
}

à toi de coder searchForSrc() afin de retourner la bonne source.

NB : ce modèle appelle la méthode load() une fois par requestCycle seulement. Si tu as besoin que ce soit à chaque getObject, regarde du coté du PropertyModel.

si ça ne te suffit pas, je te ferai un exemple ce soir

de façon plus globale, les modèles c'est vraiment tip top une fois assimilés : on peut vraiment tout faire aisément de façon optimale avec. Par contre la prise en main est un peu rude... mais persévérer vaut vraiment le coup !

++

[verbose]

Je vais essayer ça. Mais je ne comprends pas comment je vais forcer l'appel de load().