Popup avec JSF

Bonjour à tous,

J'espère que vous allez bien :D

J'ai une page home.xhtml (jsf 2.0) qui contient un commandButton qui devrait ouvrir un popup.
En cliquant sur ce bouton, cela charge les valeurs du bean (home) et afficher les valeurs dans le second (celui du popup).

Pour info le popup ne s'affiche pas :(.

Dans home.xhtml pour le bouton

<h:commandButton styleClass="full" value="#{msgs['addClient]}" action="#{home.addClient}"/>

la méthode addClient de home, charge les info et les met dans le bean client
et retourne addClient.

Pour ouvrir ce popup j'ai dans ma navigation rules de jsf.

<navigation-rule>
<from-view-id>/home.xhtml</from-view-id>
<navigation-case>
<from-outcome>addClient</from-outcome>
<to-view-id>/preparePopup.xhtml</to-view-id>
<redirect />
</navigation-case>
</navigation-rule>

dans preparePopup.xhtml

<script type="text/javascript">

var url = "<%=request.getContextPath()%>/addClient.xhtml";
someWindow = window.open(url,'ReasonWindow','height=400, width=500 scrollbars=no resizable=no toolbar=no location=no');
window.location = "./home.xhtml";

</script>

Mais ceci ne fonctionne pas !!!!

Quelqu'un aurait une solution pour m'aider.

OU

Si quelqu'un serait comment ouvrir un popup avec un actionListener. Merci


Merci d'avance.

Salut je vois que tu utilises window.open ce qui est du javascript.

Actuellement tu utilises h:commandButton qui génère un input style="submit" ce qui fait que ton formulaire est posté et ta page rechargée en principe.

A ta place pour faire ce que tu veux faire, il faut utiliser f:ajax à l'intérieur de ton h:commandButton qui va te génerer une requete ajax, en appelant ton action, et en lui disant de faire un render sur un élément html non rendu qui contiendra ton javascript. A partir de à ta popup s'affichera.

un peu comme ca :

Code:

---

1 2 3 4 5 6 7 8 9

<h:panelGroup id="popupContainer"> <h:panelGroup rendered="#{tonBean.popupActive}"> <script>tonscript sans le window.location = "./home.xhtml"</script> </h:panelGroup> </h:panelGroup> <h:commandButton id="tonId" value="Ton nom d'action" action="#{tonBean.tonAction}"> <f:ajax execute="@form" render="popupContainer" /> </h:commandButton>

---

avec popupActive booleen dans ton bean initialisé à false et quand tu passes sur ton action tu le met à true.