you can see the example in action here http://wiquery-plugins-demo.appspot.com/demo/?wicket:bookmarkablePage=:com.wiquery.plugins.demo.DialogPage
Just added it a moment ago;-) Ernesto On Sun, Oct 24, 2010 at 10:40 PM, Ernesto Reinaldo Barreiro <[email protected]> wrote: > The code below does what you ask: a link and any time the link is > clicked a modal dialog is opened and the contents of the dialog are > update via AJAX. > > import org.apache.wicket.ajax.AjaxRequestTarget; > import org.apache.wicket.ajax.markup.html.AjaxLink; > import org.apache.wicket.markup.html.basic.Label; > import org.apache.wicket.markup.html.panel.Panel; > import org.apache.wicket.model.AbstractReadOnlyModel; > import org.odlabs.wiquery.ui.dialog.Dialog; > > /** > * @author Ernesto Reinaldo Barreiro > * > */ > public class DialogPanel extends Panel { > > private static final long serialVersionUID = 1L; > > private int counter = 0; > > private Dialog dialog; > private Label content; > /** > * @param id > */ > public DialogPanel(String id) { > super(id); > AjaxLink<Void> openDialog = new AjaxLink<Void>("openDialog") { > > private static final long serialVersionUID = 1L; > > �...@override > public void onClick(AjaxRequestTarget target) { > counter++; > target.addComponent(content); > dialog.open(target); > } > }; > > add(openDialog); > > dialog = new Dialog("dialog"); > dialog.setModal(true); > dialog.setAutoOpen(false); > add(dialog); > > add(dialog); > > content = new Label("content", new > AbstractReadOnlyModel<String>() { > > private static final long serialVersionUID = 1L; > > �...@override > public String getObject() { > return "I have been openned " + counter + " > times via AJAX!"; > } > }); > content.setOutputMarkupId(true); > dialog.add(content); > } > > } > > ------------DialogPanel.html-------------- > > <html > xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd";> > <body> > <wicket:panel> > <div style="width: 100%; padding-top: 20px;"> > <a wicket:id="openDialog">Click me to open dialog</a> > <div wicket:id="dialog" title="Dialog"> > <div wicket:id="content"></div> > </div> > </div> > </wicket:panel> > </body> > </html> > > There is a wiQuery google group were you can ask such question as well. > > Ernesto > > > On Sun, Oct 24, 2010 at 9:32 PM, drf <[email protected]> wrote: >> >> The WiQuery home page gives a simple example of opening a jQuery dialog, >> where the content already resides in the page. >> >> I wonder if anyone can provide code which shows how to use WiQuery to open a >> JQuery dialog with dynamic content, presumably using Ajax. For instance, you >> want to show an error message, but the error message cannot be known when >> the page is built. From what I have seen on the forum, people have tried to >> do this without success - but there must be a way. >> >> Any code/links/help is really appreciated! >> >> >> -- >> View this message in context: >> http://apache-wicket.1842946.n4.nabble.com/WiQuery-Dialog-when-used-with-Ajax-tp3009441p3009441.html >> Sent from the Users forum mailing list archive at Nabble.com. >> >> --------------------------------------------------------------------- >> To unsubscribe, e-mail: [email protected] >> For additional commands, e-mail: [email protected] >> >> > --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
