You are viewing a plain text version of this content. The canonical link for it is here.

Posted to users@wicket.apache.org by Mathilde Pellerin <ma...@statlife.fr> on 2011/07/29 10:18:47 UTC

show modal window without clicking on ajaxLink

Hi all,

I have a page with an AjaxLink which shows a modal window. This modal window
contains a form and when we submit the form, modal window disappear, my page
is reloaded and a second ajaxLink is created. When we click on this second
ajaxLink, another modal window appears.
This part works well, but now, I want that the second modal window appears
after submitting the first form (and so without clicking on the second ajax
Link).

I try this on my form onSubmit method :
protected void onSubmit(AjaxRequestTarget target, Form<?> form) {
    //[...] some form processing

    membreCourant = serviceMembre.enregistrerReponses(membreCourant,
questionnaireCourant);
    SessionE4N.get().setMembre(membreCourant);
    //reload the page, so first modal window disappears and second ajax link
is created
    setResponsePage(QuestionnairesPage.class, new PageParameters("p=3"));

    //on affiche le module correspondant au questionnaire qu'on vient de
remplir
    qPage.getModuleContentPanel().initialiserModule(questionnaireCourant);
    qPage.getModalModule().setTitle("Module
"+questionnaireCourant.getTitre());
    qPage.getModalModule().show(target);
}

qPage is initialize on modal window constructor:
    public QuestionnaireContentPanel(String id, QuestionnairesPage
questionnairesPage){
        super(id);
        this.qPage = questionnairesPage;
        Form<Void> qForm = creationFormulaireQuestionnaire();
        add(qForm);
    }

but it doesn't work : second modal window is not shown.
What am I doing wrong?


This code in my page creates modal windows :
            modalQuestionnaire = new ModalWindowE4N("modalQuestionnaire",
"");
            questionnaireContentPanel = new
QuestionnaireContentPanel(modalQuestionnaire.getContentId(), this);
            modalQuestionnaire.setContent(questionnaireContentPanel);
            modalQuestionnaire.setInitialWidth(800);
            add(modalQuestionnaire);

            modalModule =  new ModalWindowE4N("modalModule", "");
            moduleContentPanel = new
ModuleContentPanel(modalModule.getContentId());
            modalModule.setContent(moduleContentPanel);
            modalModule.setInitialWidth(800);
            add(modalModule);

this code create ajaxLink for second modal windows (code for first modal
window is similar):
            //Repeatingview pour la liste des modules
            RepeatingView listeModules = new RepeatingView("listeModule");
            add(listeModules);

            List<ListeQuestionnaire> questionnaires =
membre.getListeQuestionnaires();
            for (ListeQuestionnaire questionnaire : questionnaires) {
                    WebMarkupContainer item = new
WebMarkupContainer(listeModules.newChildId());
                    listeModules.add(item);

                    Questionnaire q = questionnaire.getQuestionnaire();
                    item.add(new Label("titreModule", "Module
"+q.getTitre()));
                    item.add(new BoutonVisualiserModule("boutonModule",  new
Model<Questionnaire>(q)));
            }

and BoutonVisualiserModule :
    class BoutonVisualiserModule extends Panel
    {
        public BoutonVisualiserModule(String id, IModel<?> model) {
            super(id, model);

            //Ajout du lien qui affichera le module
            AjaxLink<Void> showModule = new AjaxLink<Void>("visualiser") {
                @Override
                public void onClick(AjaxRequestTarget target) {
                    qCourant =
(Questionnaire)getParent().getDefaultModelObject();


target.appendJavascript("Wicket.Window.unloadConfirmation = false;");
                    moduleContentPanel.initialiserModule(qCourant);
                    modalModule.setTitle("Module "+qCourant.getTitre());
                    modalModule.show(target);
                }
            };
            add(showModule);
        }
    }


-- 
*Mathilde Pellerin*
Ingénieur en développement de logiciel

STATLIFE
tel : 01.42.11.64.88
mail : mathilde.pellerin@statlife.fr

Re: show modal window without clicking on ajaxLink

Posted by Sven Meier <sv...@meiers.net>.

Hi,

>setResponsePage(QuestionnairesPage.class, new PageParameters("p=3"));

you're leaving the current page before it can open the new modal window.

Try this instread:

firstPage.getModalModule().close(target); 

...

qPage.getModalModule().show(target); 

Hope this helps
Sven

--
View this message in context: http://apache-wicket.1842946.n4.nabble.com/show-modal-window-without-clicking-on-ajaxLink-tp3703364p3703409.html
Sent from the Users forum mailing list archive at Nabble.com.

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org

Re: show modal window without clicking on ajaxLink

Posted by Andrea Del Bene <ad...@ciseonweb.it>.

Hi Mathilde,

why not simply substitute modal window content instead of reloading page 
and creating a brand new modal window?
Your code doesn't work because setResponsePage create a new instance of 
QuestionnairesPage different from the one referenced by qPage variable.


> Hi all,
>
> I have a page with an AjaxLink which shows a modal window. This modal window
> contains a form and when we submit the form, modal window disappear, my page
> is reloaded and a second ajaxLink is created. When we click on this second
> ajaxLink, another modal window appears.
> This part works well, but now, I want that the second modal window appears
> after submitting the first form (and so without clicking on the second ajax
> Link).
>
> I try this on my form onSubmit method :
> protected void onSubmit(AjaxRequestTarget target, Form<?>  form) {
>      //[...] some form processing
>
>      membreCourant = serviceMembre.enregistrerReponses(membreCourant,
> questionnaireCourant);
>      SessionE4N.get().setMembre(membreCourant);
>      //reload the page, so first modal window disappears and second ajax link
> is created
>      setResponsePage(QuestionnairesPage.class, new PageParameters("p=3"));
>
>      //on affiche le module correspondant au questionnaire qu'on vient de
> remplir
>      qPage.getModuleContentPanel().initialiserModule(questionnaireCourant);
>      qPage.getModalModule().setTitle("Module
> "+questionnaireCourant.getTitre());
>      qPage.getModalModule().show(target);
> }
>
> qPage is initialize on modal window constructor:
>      public QuestionnaireContentPanel(String id, QuestionnairesPage
> questionnairesPage){
>          super(id);
>          this.qPage = questionnairesPage;
>          Form<Void>  qForm = creationFormulaireQuestionnaire();
>          add(qForm);
>      }
>
> but it doesn't work : second modal window is not shown.
> What am I doing wrong?


---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org

Re: show modal window without clicking on ajaxLink

Posted by Andrea Del Bene <ad...@ciseonweb.it>.

Try to use just one modal window and switch content panels. I.e:

-Create modal window with questionnaireContentPanel as initial content:

modalQuestionnaireModule = new 
ModalWindowE4N("modalQuestionnaireModule","");
questionnaireContentPanel = new 
QuestionnaireContentPanel(modalQuestionnaireModule.getContentId(), this);

modalQuestionnaireModule.setContent(questionnaireContentPanel);
modalQuestionnaireModule.setInitialWidth(800);

add(modalQuestionnaireModule);


-Show modal window
....


-After submit substitute window content with ModuleContentPanel:


protected void onSubmit(AjaxRequestTarget target, Form<?> form) {
     //[...] some form processing

     membreCourant = serviceMembre.enregistrerReponses(membreCourant,
questionnaireCourant);
     SessionE4N.get().setMembre(membreCourant);

     //substitute window content
     Panel newContent = new 
ModuleContentPanel(modalQuestionnaireModule.getContentId(), this);
     modalQuestionnaireModule.setContent(newContent);

     //re-render window itself.
     target.addComponent(modalQuestionnaireModule);



> Well, I talked too fast.
> In fact, with Sven's solution :
>
>                  membreCourant =
> serviceMembre.enregistrerReponses(membreCourant, questionnaireCourant);
>                  SessionE4N.get().setMembre(membreCourant);
>                  //setResponsePage(QuestionnairesPage.class, new
> PageParameters("p=3"));
>
>                  qPage.getModalQuestionnaire().close(target);
>
>                  //on affiche le module correspondant au questionnaire qu'on
> vient de remplir
>
> qPage.getModuleContentPanel().initialiserModule(questionnaireCourant);
>                  qPage.getModalModule().setTitle("Module
> "+questionnaireCourant.getTitre());
>                  qPage.getModalModule().show(target);
>
> first modal window is closed, but the second is not really shown : in fact,
> a modal window empty appears, but it has the first modal window title. (and
> second modal window shouldn't be empty thanks to method initialiserModule)
> I don't understand what happen, so if you have an idea, let me know...
>
>
> 2011/7/29 Mathilde Pellerin<ma...@statlife.fr>
>
>> Thanks a lot for your answer.
>> The solution of Sven Meier works well.
>>
>> Sometimes I wonder why I always try complex solutions instead of simplest
>> one...
>>
>
>


---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org