probleme avec modal panel

Version imprimable

Bonjour
j'utilise modal panel dans mon application, j'ai essayé de suivre l'exemple dans http://livedemo.exadel.com/richfaces...modalPanel.jsf
mais chez moi le panel se montre une seconde et il se disparaisse rapidement
voici mon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
 <script>
         function getRightTop(ref) {
           var position = new Object();
           position.top = 0; //ref.offsetTop;
           position.left =0; // ref.offsetLeft+ref.clientWidth+6;
           return position;
         }
        </script>
        <rich:modalPanel  id="mp" minHeight="200" minWidth="450" 
            height="200" width="500" zindex="2000">
            <f:facet name="header">
                <h:outputText value="Modal Panel Title" />
            </f:facet>
            <f:facet name="controls">
            </f:facet>
                <p>Any JSF content might be inside the panel. In case of using 
                Facelets or JSF 1.2, it might be any mixed content.</p> 
 
                <p>The RichFaces modal panel is good with &lt;a4j:include&gt; to create
                a wizard like behavior.</p>
                <p>The model panel is open and closed from the javascript function
                on <i>Richfaces</i> object. The following code 
                <a href="javascript:Richfaces.hideModalPanel('form:panel')" >hide this panel</a>:
               </p>
        </rich:modalPanel>
 
 
    <h:commandButton id="link"   styleClass="f-submit" value="Valider" >
   <rich:componentControl for="mp" attachTo="link" operation="show" event="onclick"/>
     </h:commandButton>

je ne sais pas pourquoi car dans l'exemple ça marche bien
merci

19/06/2008, 17h06
romaintaz

Le problème est que tu utilises un commandButton, qui en effet affiche le modal panel, mais va réafficher toute la page ensuite, d'où ton problème.

Je te conseille de faire quelque chose du genre :

Code:

<h:commandButton value="Pouet pouet" onclick="RichFaces.showModalPanel('idDuModal');return false;"/>
19/06/2008, 17h11
monstor

Salut,

Tu n'as pas mis ton lien sur le onclick, regardes le code de la livedemo... ;)

EDIT : grillé par romaintaz :(
19/06/2008, 17h25
cs_zineb

pour romaintaz j'ai essayé avec ton code mais cette fois il n'execute mem pas le panel je crois que la composante rich:componentcontrol est obligatoire dans ce cas.

pour toi monstor j'ai pas mis le lien dans la demo car il n'accepte pas "#"dans onclick
19/06/2008, 17h37
romaintaz

Ce n'est pas obligatoire, je ne m'en sers jamais ;)
Tu as bien mis le commandButton (ou commandLink, peut importe) dans un form ??

Bonjour,

Logiquement ca fonctionnne très bien avec :
Code:

1 2 <a4j:commandLink id="command" value="show" onclick="Richfaces.showModalPanel('idDuPanel');"/>
ou tout simplement :
Code:

1 2 <a href="javascript:Richfaces.showModalPanel('idDuPanel');">Show</a>