affichage de la boîte de dialogue après le traitement de l'action lien

J'ai un primeface page certHollderList.xhtml:
Dans cette page j'ai une expiration Lien. Et cliquez sur l'une d'action est déclenché et après le traitement de l'action, je veux ouvrir une boîte de dialogue dans la même page.

code 1:Expire Link::
    <h:commandLink id="expire" value="#{label.expire}" action="expire" immediate="true" oncomplete="dlg3.show()"
                                           update="dialogPanel">

 code 2 :: In the same page i added one outputpanel having a dialog box.

                                                                                                    <h:form> 
            <p:outputPanel id="dialogPanel" rendered="#     {certHolderSearchHandler.openDialog eq 'Success'}">
            <p:dialog header="Expire Holder Information" widgetVar="dlg3"
                showEffect="bounce" hideEffect="explode" appendToBody="true">
                <p:outputPanel id="dialogPanel1"
                    rendered="#{certHolderSearchHandler.openDialog eq 'Success'}">
                    <h:panelGrid columns="2">
                        <h:outputText value="Do you want to continue?" />
                        <p:spacer width="30" height="10" />
                        <h:outputText />
                        <p:spacer width="30" height="10" />
                    </h:panelGrid>
                    <div align="left"><p:commandButton immediate="true"
                        value="Yes" action="continue" /> <p:spacer width="25" height="5" />
                    <p:commandButton value="No" action="cancel" /></div>
                </p:outputPanel>
            </p:dialog>      
        </p:outputPanel>
    </h:form>

Et quand j'ai cliqué sur l'expiration lien,il n'a pas d'ouvrir la boîte de dialogue de la page.
Merci de me conseiller....:(

InformationsquelleAutor Vikas | 2011-09-16
  1. 1

    Essayez d'utiliser le Primefaces modèle de réellement mettre à jour:

     //JSF
 <h:form id="someForm">
   <p:commandLink
      id = "expire"
      value="#{label.expire}"
      actionListener="#{myBean.doSomething}"
      oncomplete="dialog.show()"
      update="dialogForm:dialogPanel"
   />
    ...

<h:form id="dialogForm">
  <p:dialog id="dialog"..... />
</h:form>

//MyBean...
public void doSomething(ActionEvent evt)
{
  //Logic
}

    Ce qu'il vous manque, c'est que vous n'êtes pas à l'aide de la Primefaces ajax moteur. Il y a quelques bons tutoriels primefaces.org et les forums sont très utiles. L'autre chose que vous devez savoir, c'est une action qui n'est probablement pas la meilleure façon de gérer l'affichage de la boîte de dialogue. Il n'y a rien que vous pouvez faire avec un ActionListener et il vous donnera un très beau niveau de contrôle sur la page. Vous pouvez ensuite utiliser l'action lorsque vous avez réellement besoin de mettre quelque chose en place pour la navigation.

    Ici est testé exemple de travail de la ci-dessus (Primefaces 2.2.1)

    //Bean
@ViewScoped
@ManagedBean(name = "demoBean")
public class DemoBean
{
    private String hello = "Hello World";
    private String notSet = "not set";

    public void doAction(ActionEvent evt)
    {
        notSet = hello;
    }

    /**
     * @return the hello
     */
    public String getHello()
    {
        return hello;
    }

    /**
     * @return the notSet
     */
    public String getNotSet()
    {
        return notSet;
    }

    /**
     * @param hello
     *          the hello to set
     */
    public void setHello(String hello)
    {
        this.hello = hello;
    }

    /**
     * @param notSet
     *          the notSet to set
     */
    public void setNotSet(String notSet)
    {
        this.notSet = notSet;
    }
}

    JSF fichier de Démonstration comme suit:

    <?xml version="1.0" encoding="UTF-8"?>
<!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:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"  
xmlns:p="http://primefaces.prime.com.tr/ui">


<h:head>
</h:head>

<h:body class="center" style="zIndex:-3">
    <h:form id="commands">
        <p:inputText value="#{demoBean.hello}" />
        <p:commandButton 
            value="Open Dialog"
            actionListener="#{demoBean.doAction}"
            update="dialog"
            oncomplete="dialogWidget.show()"
        />
    </h:form>

    <p:dialog widgetVar="dialogWidget">
        <h:form id="dialog">
            <p:panel>
                <h3>Dialog</h3>
                <p>
                    <h:outputText value="Copied: #{demoBean.notSet}"/>
                </p>
            </p:panel>
        </h:form>       
    </p:dialog>
</h:body>

    La chose à regarder dehors pour dans Primefaces, c'est qu'il n'est pas en utilisant l'AJAX de mise en œuvre (c'est compatible, mais il peut être "double" mises à jour si les choses ne s'affichent pas correctement). Ainsi, lorsque vous utilisez le widgetVar vous êtes directement l'appel d'une méthode show à partir de Javascript, vous remarquerez que ce code n'est la mise à jour, puis appelle la méthode.

    • Je l'ai testé,ce n'est pas l'appel de la fenêtre pop-up 🙁
    • look de ce problème....je suis nouveau dans le premier visages...
    • J'ai mis à jour avec un deuxième, testé, par exemple. Je pense que c'est assez simple. Aussi, gardez à l'esprit "mise à jour" est une partie de la Primefaces API, il n'est pas lié à <h:commandLink /> (utilisation p:commandLink)
    • son pouvoir appeler la fenêtre mais nous ne sommes pas en mesure de transmettre des valeurs avec ce lien... <p:commandLink id="expiration" value="#{label.expirer}" onclick="dlg3.show()"> <f:param name="certHoldertId" value="#{certHolder.accountOwner.itemIdInfo.insurerId}" /> <f:param name="accNumberId" value="#{certHolder.accountNumberId}"/> </p:commandLink>
    • J'avais besoin de voir tout le code de réponse dans les détails, mais vous allez avoir besoin d'utiliser un actionListener, afin de "voir" les valeurs. Mon exemple extrait les données de la zone de texte puis, les mises à jour de la fève par le biais d'un ActionListener et puis les mises à jour de la boîte de dialogue--il dit alors à la boîte de dialogue pour afficher via oncomplete="boîte de dialogue.show()". J'espère que ça aide. Keep it simple et puis placez la boîte de dialogue.
    • très bien.....J'ai utilisé le <f:setPropertyActionListener> pour envoyer la valeur en cliquant sur le expirent lien et fonctionne très bien.....

    InformationsquelleAutor Daniel B. Chapman
  2. 0
        <p:commandLink id="expire" value="#{label.expire}" onclick="dlg3.show()">
                               <f:param name="certHoldertId" value="#{certHolder.accountOwner.itemIdInfo.insurerId}" />
                               <f:param name="accNumberId" value="#{certHolder.accountNumberId}"/>
                            </p:commandLink>

    @Daniel..Sa fonctionne bien avec bouton et aussi capable d'appeler les popups sur ce lien.Mais nous sommes en mesure de transmettre les valeurs avec ce lien. Quand nous essayons de récupérer la valeur de certHoldertId varible avec FaceContext,sa donner la valeur null.Je pense qu'elle renvoie la valeur false.

    Comment pouvons-nous envoyer ces valeur avec ce lien?

    • Vous avez encore besoin pour passer une valeur en quelque sorte, à travers les visages dans le contexte: le code ci-dessus auront les paramètres, mais si vous voulez tirer vers le bas vous aurez besoin pour obtenir de l'information à partir de quelque part. Cela signifie soit l'actualisation d'un formulaire contenant vos paramètres à l'intérieur de la boîte de dialogue-ou vous pouvez utiliser un attribut et le gérer côté serveur. J'ai toujours préféré le côté serveur solution car elle est plus facile à déboguer (à l'aide d'une action de l'auditeur). Parce que vous êtes à l'aide d'AJAX, l'URL ne sera pas mis à jour (ce qui rend la requête null sur votre URL). Essayez d'utiliser un événement d'action dans ce cas, ou RequestScoped variables.
    InformationsquelleAutor Vikas