Affichage modalPanel avec comandButton

Bonjour,

J'ai un petit soucis, dans mon code (ci-dessous) j'ai un commandButton

Code:

<a4j:commandButton id="refresh" action="#{boDocument.refresh}" value="refresh" oncomplete="Richfaces.showModalPanel('panel')" reRender="panel" />

qui me permet d'afficher un modalPanel
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <h:form> <rich:modalPanel id="panel" width="600" height="500"> <f:facet name="header"> <h:panelGroup> <h:outputText value="Prompts"></h:outputText> </h:panelGroup> </f:facet> <f:facet name="controls"> <h:panelGroup> <h:graphicImage value="../Images/close.png" styleClass="hidelink" id="hidelink" height="20px" width="20px" /> <rich:componentControl for="panel" attachTo="hidelink" operation="hide" event="onclick"/> </h:panelGroup> </f:facet> <iframe id="docFrame" src="prompts.xhtml" width="100%" height="100%"> <p> Your browser does not support iframes </p> </iframe> </rich:modalPanel> </h:form>
à la fin du traitement spécifié dans le commandButton.

MAIS CA NE MARCHE!!! Le modalPanel ne s'affiche pas, et on dirait que la page se raffaîchit à la place d'afficher le ModalPanel...

Pouvez vous me dire où est le problème?

Merci d'avance pour votre réponse

2 choses :

1. Il ne faut pas rafraichir un modalPanel, mais son contenu. En gros, il faut ajouter un composant (un <a4j:outputPanel> par exemple) qui va contenir tout ce que doit contenir le modalPanel, mais qui est contenu dans ce panel. Et ensuite, le reRender doit référencer ce composant et non le modalPanel lui-même.

2. Bouh, une iframe, c'est pas beau ! Ne serait-ce pas plus sympa d'utiliser autre chose (un <ui:include> ?)...

Bonjour,

Merci pour votre réponse, j'ai fait ce que vous avez dit mais ça ne fonctionne toujours pas : j'ai essayé de positionner le outputPanel à différents endroits du code mais rien n'y fait, la réaction est toujours la même.

Par contre quand je rajoute un rich:componentControl le panel s'affiche mais pas à la fin du traitement...
Code:

1 2 3 4 <a4j:commandButton id="refresh" action="#{boDocument.refresh}" value="refresh" oncomplete="Richfaces:showModalPanel('panel')" reRender="outputPanel"> <rich:componentControl for="panel" attachTo="refresh" operation="show" event="onclick"/> </a4j:commandButton>
On dirait que la commande à l'intérieur du oncomplete n'as aucun effet ...

Citation:

Envoyé par appocallypseman

MAIS CA NE MARCHE!!! Le modalPanel ne s'affiche pas, et on dirait que la page se raffaîchit à la place d'afficher le ModalPanel...

Ton problème vient de l'utilisation d'une balise '<h:form>'. Lorsque tu fais le rerender, le formulaire est soumis au serveur avant que son contenu ne soit rafraichi. Et comme tu utilise cette balise, ça entraine le rafraichissement de toute la page, d'où ton soucis. Si tu ne veux rafraichir qu'une partie de la page, utilise un '<a4j:form>'. C'est le principe de l'ajax ;)

Il n'y a strictement aucune contre-indication à utiliser de l'ajax avec un <h:form> !! Ou alors ça fait presque 4 ans que j'ai une application qui marche par magie, vu que je n'utilise aucun <a4j:form> dans mon code ;)

@appocallypseman Est-ce que tu peux nous montrer l'intégralité de ta page ?

Merci bien mais j'ai trouvé où était mon problème.

La fonction showModalPanel a des arguments obligatoires showModalPanel('panel', {widht:500}). Je n'avais pas rempli la deuxième partie de la fonction pensant que si on ne spécifiait rien ça prendrait les valeurs par défaut.