Re: Custom confirmation behavior
Hi Sven, Thanks for your help, I solved my problem. Regards Marco Il 23/09/2015 16:01, Sven Meier ha scritto: Hi, you'll have to trigger the AjaxLink by yourself after the user confirmed your bootbox: http://stackoverflow.com/questions/30064980/pass-the-triggered-element-to-the-bootbox-callback-jquery Have fun Sven On 23.09.2015 15:06, Marco Di Sabatino Di Diodoro wrote: Hi Sven, thanks for your help Il 23/09/2015 14:28, Sven Meier ha scritto: Hi, you'll have to call #stopImmediatePropagation() to prevent AjaxLink from handling the "click" event. I added your suggestion in my code response.render($(component).on("click", new JavaScriptInlineFunction("" + "evt.preventDefault();" + "evt.stopImmediatePropagation();" + "bootbox.confirm(\"Are you sure?\", function(result){return true;});" )).asDomReadyScript()); now the onClick is never performed. M Have fun Sven On 23.09.2015 14:17, Marco Di Sabatino Di Diodoro wrote: Hi, I like to add a confirmation dialog to my application with Bootbox.js. To do this I created a new//ConfirmationModalBehavior (I haven taken ConfirmationBehavior from wicket-bootstrap as example) with @Override public void renderHead(final Component component, final IHeaderResponse response) { super.renderHead(component, response); References.renderWithFilter(response, JavaScriptHeaderItem.forReference(new JQueryPluginResourceReference( ConfirmationModalBehavior.class, "bootbox.min.js"))); response.render($(component).on("click", new JavaScriptInlineFunction("" + "evt.preventDefault();" + "bootbox.confirm(\"Are you sure?\", function (result) {" + "return true;" + "});")).asDomReadyScript()); } / /and in my wicket page final AjaxLink deleteLink = new AjaxLink("deleteLink", Model.of("Delete")) { private static final long serialVersionUID = 3776750333491622263L; @Override public void onClick(final AjaxRequestTarget target) { info("Invoked link's #onClick()!"); } }; deleteLink.add(new ConfirmationModalBehavior()); when I click on the AjaxLink, the confirm dialog is displayed after the execution of the onclick method. What's wrong? Regards M - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org -- Dott. Marco Di Sabatino Di Diodoro Tel. +39 3939065570 Tirasa S.r.l. Viale D'Annunzio 267 - 65127 Pescara Tel +39 0859116307 / FAX +39 085973 http://www.tirasa.net Apache Syncope PMC Member http://people.apache.org/~mdisabatino/
Re: Custom confirmation behavior
Hi, you'll have to trigger the AjaxLink by yourself after the user confirmed your bootbox: http://stackoverflow.com/questions/30064980/pass-the-triggered-element-to-the-bootbox-callback-jquery Have fun Sven On 23.09.2015 15:06, Marco Di Sabatino Di Diodoro wrote: Hi Sven, thanks for your help Il 23/09/2015 14:28, Sven Meier ha scritto: Hi, you'll have to call #stopImmediatePropagation() to prevent AjaxLink from handling the "click" event. I added your suggestion in my code response.render($(component).on("click", new JavaScriptInlineFunction("" + "evt.preventDefault();" + "evt.stopImmediatePropagation();" + "bootbox.confirm(\"Are you sure?\", function(result){return true;});" )).asDomReadyScript()); now the onClick is never performed. M Have fun Sven On 23.09.2015 14:17, Marco Di Sabatino Di Diodoro wrote: Hi, I like to add a confirmation dialog to my application with Bootbox.js. To do this I created a new//ConfirmationModalBehavior (I haven taken ConfirmationBehavior from wicket-bootstrap as example) with @Override public void renderHead(final Component component, final IHeaderResponse response) { super.renderHead(component, response); References.renderWithFilter(response, JavaScriptHeaderItem.forReference(new JQueryPluginResourceReference( ConfirmationModalBehavior.class, "bootbox.min.js"))); response.render($(component).on("click", new JavaScriptInlineFunction("" + "evt.preventDefault();" + "bootbox.confirm(\"Are you sure?\", function (result) {" + "return true;" + "});")).asDomReadyScript()); } / /and in my wicket page final AjaxLink deleteLink = new AjaxLink("deleteLink", Model.of("Delete")) { private static final long serialVersionUID = 3776750333491622263L; @Override public void onClick(final AjaxRequestTarget target) { info("Invoked link's #onClick()!"); } }; deleteLink.add(new ConfirmationModalBehavior()); when I click on the AjaxLink, the confirm dialog is displayed after the execution of the onclick method. What's wrong? Regards M - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: Custom confirmation behavior
Hi Sven, thanks for your help Il 23/09/2015 14:28, Sven Meier ha scritto: Hi, you'll have to call #stopImmediatePropagation() to prevent AjaxLink from handling the "click" event. I added your suggestion in my code response.render($(component).on("click", new JavaScriptInlineFunction("" + "evt.preventDefault();" + "evt.stopImmediatePropagation();" + "bootbox.confirm(\"Are you sure?\", function(result){return true;});" )).asDomReadyScript()); now the onClick is never performed. M Have fun Sven On 23.09.2015 14:17, Marco Di Sabatino Di Diodoro wrote: Hi, I like to add a confirmation dialog to my application with Bootbox.js. To do this I created a new//ConfirmationModalBehavior (I haven taken ConfirmationBehavior from wicket-bootstrap as example) with @Override public void renderHead(final Component component, final IHeaderResponse response) { super.renderHead(component, response); References.renderWithFilter(response, JavaScriptHeaderItem.forReference(new JQueryPluginResourceReference( ConfirmationModalBehavior.class, "bootbox.min.js"))); response.render($(component).on("click", new JavaScriptInlineFunction("" + "evt.preventDefault();" + "bootbox.confirm(\"Are you sure?\", function (result) {" + "return true;" + "});")).asDomReadyScript()); } / /and in my wicket page final AjaxLink deleteLink = new AjaxLink("deleteLink", Model.of("Delete")) { private static final long serialVersionUID = 3776750333491622263L; @Override public void onClick(final AjaxRequestTarget target) { info("Invoked link's #onClick()!"); } }; deleteLink.add(new ConfirmationModalBehavior()); when I click on the AjaxLink, the confirm dialog is displayed after the execution of the onclick method. What's wrong? Regards M - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org -- Dott. Marco Di Sabatino Di Diodoro Tel. +39 3939065570 Tirasa S.r.l. Viale D'Annunzio 267 - 65127 Pescara Tel +39 0859116307 / FAX +39 085973 http://www.tirasa.net Apache Syncope PMC Member http://people.apache.org/~mdisabatino/ - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: Custom confirmation behavior
Hi, you'll have to call #stopImmediatePropagation() to prevent AjaxLink from handling the "click" event. Have fun Sven On 23.09.2015 14:17, Marco Di Sabatino Di Diodoro wrote: Hi, I like to add a confirmation dialog to my application with Bootbox.js. To do this I created a new//ConfirmationModalBehavior (I haven taken ConfirmationBehavior from wicket-bootstrap as example) with @Override public void renderHead(final Component component, final IHeaderResponse response) { super.renderHead(component, response); References.renderWithFilter(response, JavaScriptHeaderItem.forReference(new JQueryPluginResourceReference( ConfirmationModalBehavior.class, "bootbox.min.js"))); response.render($(component).on("click", new JavaScriptInlineFunction("" + "evt.preventDefault();" + "bootbox.confirm(\"Are you sure?\", function (result) {" + "return true;" + "});")).asDomReadyScript()); } / /and in my wicket page final AjaxLink deleteLink = new AjaxLink("deleteLink", Model.of("Delete")) { private static final long serialVersionUID = 3776750333491622263L; @Override public void onClick(final AjaxRequestTarget target) { info("Invoked link's #onClick()!"); } }; deleteLink.add(new ConfirmationModalBehavior()); when I click on the AjaxLink, the confirm dialog is displayed after the execution of the onclick method. What's wrong? Regards M - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Custom confirmation behavior
Hi, I like to add a confirmation dialog to my application with Bootbox.js. To do this I created a new//ConfirmationModalBehavior (I haven taken ConfirmationBehavior from wicket-bootstrap as example) with @Override public void renderHead(final Component component, final IHeaderResponse response) { super.renderHead(component, response); References.renderWithFilter(response, JavaScriptHeaderItem.forReference(new JQueryPluginResourceReference( ConfirmationModalBehavior.class, "bootbox.min.js"))); response.render($(component).on("click", new JavaScriptInlineFunction("" + "evt.preventDefault();" + "bootbox.confirm(\"Are you sure?\", function (result) {" + "return true;" + "});")).asDomReadyScript()); } / /and in my wicket page final AjaxLink deleteLink = new AjaxLink("deleteLink", Model.of("Delete")) { private static final long serialVersionUID = 3776750333491622263L; @Override public void onClick(final AjaxRequestTarget target) { info("Invoked link's #onClick()!"); } }; deleteLink.add(new ConfirmationModalBehavior()); when I click on the AjaxLink, the confirm dialog is displayed after the execution of the onclick method. What's wrong? Regards M -- Dott. Marco Di Sabatino Di Diodoro Tel. +39 3939065570 Tirasa S.r.l. Viale D'Annunzio 267 - 65127 Pescara Tel +39 0859116307 / FAX +39 085973 http://www.tirasa.net Apache Syncope PMC Member http://people.apache.org/~mdisabatino/