just to add
an important point is
this is completely transparent to the widget panel. it is just a panel. it
doesnt know it is being inlined via javascript into another page - this is
the job of ComponentAsWidgetContainerPage
one thing to consider is that you would need to rewrite urls so they point
back to the widget server.
-igor
On 4/19/07, Igor Vaynberg <[EMAIL PROTECTED]> wrote:
afaict there is no servlet.
what he does is have a bookmarkable page which he mounts. all this page
does is read some parameter off url and based on that parameter add the
right panel to itself. it then renders this panel, and wraps the output in
document.write() call.
well this is almost accurate. i think what he does is create a different
page for different widget and mount each onto a different url.
so
MyWidgetAPage extends ComponentAsWidgetContainerPage {
protected Panel getContent(String id) { return new MyWidgetAPanel(id);
}
}
MyWidgetBPage extends ComponentAsWidgetContainerPage {
protected Panel getContent(String id) { return new MyWidgetBPanel(id);
}
}
mountPage("/widgeta", MyWidgetAPage.class);
mountPage("/widgetb", MyWidgetBPage.class);
-igor
-igor
On 4/19/07, David Leangen <[EMAIL PROTECTED]> wrote:
>
>
> Hi, Barrett,
>
> Thank you for this. Very interesting.
>
> So, allow me to rephrase to make sure I'm understanding you on this.
>
> The requirement is:
>
> - Continue to use Wicket as web framework
> - Be able to reuse javascript widgets outside of wicket
> - Reuse same javascript code for both usage patterns
>
> IIUC, what you do below accomplishes that by using all javascript as
> <script>ed widgets, even from Wicket. In other words, the javascript is
> no longer served by Wicket, but by a servlet.
>
>
> Is that correct?
>
>
> If so, don't you find that a bit cumbersome to have to change the way
> you write all your wicket apps? Or has it been relatively painless for
> you?
>
>
> Cheers,
> Dave
>
>
>
>
> On Thu, 2007-04-19 at 11:33 -0700, barrett wrote:
> > Forgot to mention, to use this just create a page class that extends
> > ComponentAsWidgetContainerPage and then implement the getComponent(id)
>
> > method. This method should return the component(usually a panel) that
> you
> > wish to make into a widget, with the id set to the id passed in to the
> > getComponent call.
> >
> > You then have a script tag whose src points at this page as seen in
> the
> > javadoc comments.
> >
> > -Barrett
> >
> >
> > barrett wrote:
> > >
> > > David,
> > > We recently had a requirement where we wanted to include a panel
> from our
> > > new Wicket app on one of our non-wicket legacy applications. To do
> this I
> > > created a behavior and container page which will spit out any
> component
> > > between a javascript document.write method. Then on your non-wicket
> page
> > > you include a script tag whose src attribute is the address of the
> > > container page. Below are the 3 files that make up the solution. If
> the
> > > files don't show up properly let me know and I can find another way
> to
> > > post them.
> > >
> > >
> > > ComponentAsWidgetContainerPage.java:
> > >
> > > package com.company.ui.wicket.page;
> > >
> > > import wicket.Component;
> > >
> > > import
> com.company.ui.wicket.behaviors.JavascriptDocumentWritingBehavior ;
> > >
> > > /**
> > > * A page which widgetizes a component so it can be used on any page
> > > outside of
> > > * the containing wicket application.
> > > *
> > > * @see [EMAIL PROTECTED] JavascriptDocumentWritingBehavior}
> > > *
> > > */
> > > public abstract class ComponentAsWidgetContainerPage extends WebPage
> > > {
> > >
> > > private static final String WIDGET_ID = "componentAsWidget";
> > >
> > > public ComponentAsWidgetContainerPage()
> > > {
> > > super();
> > > Component widget = getComponent(WIDGET_ID);
> > > if ( widget.getId() != WIDGET_ID)
> > > {
> > > throw new IllegalArgumentException("ID for the
> widget component should
> > > be set to "
> > > + WIDGET_ID);
> > > }
> > > widget.add(new JavascriptDocumentWritingBehavior());
> > > add(widget);
> > > }
> > >
> > > /**
> > > * Implementations should return the component that is to be
> widgetized.
> > > *
> > > * @param id
> > > * The id which should be set on the returned
> component.
> > > *
> > > * @see [EMAIL PROTECTED] JavascriptDocumentWritingBehavior}
> > > * @return
> > > */
> > > public abstract Component getComponent(String id);
> > >
> > > }
> > >
> > > JavascriptDocumentWritingBehavior.java:
> > >
> > > package com.company.ui.wicket.behaviors;
> > >
> > > import wicket.Component;
> > > import wicket.IRequestTarget;
> > > import wicket.MarkupContainer;
> > > import wicket.RequestCycle ;
> > > import wicket.Response;
> > > import wicket.behavior.AbstractBehavior;
> > > import wicket.markup.ComponentTag;
> > > import wicket.markup.html.internal.HtmlHeaderContainer;
> > > import wicket.markup.parser.filter.HtmlHeaderSectionHandler;
> > > import wicket.protocol.http.servlet.ServletWebRequest;
> > > import wicket.request.target.component.ComponentRequestTarget;
> > > import wicket.response.StringResponse ;
> > >
> > > import com.company.ui.wicket.page.ComponentAsWidgetContainerPage;
> > >
> > > /**
> > > * This behavior encapsulates any component in a
> > > * "document.write ('[renderedComponent]');" javascript line. The
> main use
> > > of
> > > * this is to be able to "widgetize" any component to be used on any
> page
> > > * outside of the containing application with a script tag in the
> form
> > > of:<br/><br/>
> > > *
> > > * <script
> > > *
> > > src="/mywebapp/app?wicket:bookmarkablePage=:com.company.app.pages
> .[ComponentContainerPage]"
> > > * type="text/javascript"></script> <br/> <br/> To be used
> with
> > > * [EMAIL PROTECTED] ComponentAsWidgetContainerPage}
> > > */
> > > public class JavascriptDocumentWritingBehavior extends
> AbstractBehavior
> > > {
> > > private static final long serialVersionUID = 1L;
> > > private Response renderToResponse;
> > > private Response originalResponse;
> > >
> > > @Override
> > > public void bind(Component component)
> > > {
> > > IRequestTarget target = new
> ComponentRequestTarget(component);
> > > RequestCycle.get().setRequestTarget(target);
> > > super.bind(component);
> > > }
> > >
> > > @Override
> > > public void onComponentTag(Component component, ComponentTag
> tag)
> > > {
> > > renderToResponse = new StringResponse();
> > > originalResponse = RequestCycle.get
> ().setResponse(renderToResponse);
> > >
> > > renderToResponse.reset();
> > >
> > > renderHeader(component);
> > > super.onComponentTag(component, tag);
> > > }
> > >
> > > @Override
> > > public void onRendered(Component component)
> > > {
> > > String renderedComponent = renderToResponse.toString
> ().replaceAll("(
> > > ?[\\r\\n] ?)+", "")
> > > .replaceAll("'", "\\\\'");
> > > // Need to make sure any relative server paths get the
> server prepended
> > > String host = ((ServletWebRequest)
> > > component.getRequest()).getHttpServletRequest().getHeader(
> > > "host");
> > > renderedComponent = renderedComponent.replaceAll
> ("href=\"/",
> > > "href=\"http://"; + host + "/");
> > > renderedComponent = renderedComponent.replaceAll("src=\"/",
>
> > > "src=\"http://"; + host + "/");
> > >
> > > originalResponse.write("document.write('");
> > > originalResponse.write(renderedComponent);
> > > originalResponse.write("');");
> > > RequestCycle.get().setResponse(originalResponse);
> > > super.onRendered(component);
> > > }
> > >
> > > /**
> > > * Renders the header contributed tags to the response.
> > > *
> > > * @param response
> > > * @param component
> > > */
> > > private void renderHeader(final Component component)
> > > {
> > > final HtmlHeaderContainer header = new
> > > HtmlHeaderContainer(HtmlHeaderSectionHandler.HEADER_ID);
> > > if (component.getPage().get(
> HtmlHeaderSectionHandler.HEADER_ID) != null)
> > > {
> > > component.getPage().replace(header);
> > > }
> > > else
> > > {
> > > component.getPage().add(header);
> > > }
> > >
> > > component.renderHead(header);
> > > component.detachBehaviors();
> > > if (component instanceof MarkupContainer)
> > > {
> > > ((MarkupContainer) component).visitChildren(new
> Component.IVisitor ()
> > > {
> > > public Object component(Component
> component)
> > > {
> > > if (component.isVisible ())
> > > {
> > > component.renderHead
> (header);
> > >
> component.detachBehaviors ();
> > > return
> CONTINUE_TRAVERSAL;
> > > }
> > > else
> > > {
> > > return
> CONTINUE_TRAVERSAL_BUT_DONT_GO_DEEPER;
> > > }
> > > }
> > > });
> > > }
> > > }
> > > }
> > >
> > > ComponentAsWidgetContainerPage.html:
> > >
> > > <html xmlns:wicket="http://wicket.sourceforge.net ">
> > > <body>
> > > <div wicket:id="componentAsWidget" />
> > > </body>
> > > </html>
> > >
> > >
> > > David Leangen-8 wrote:
> > >>
> > >>
> > >> Hello!
> > >>
> > >> We are currently happily using Wicket to develop our web
> applications.
> > >> Wicket rules!
> > >>
> > >>
> > >> However, now we are required to make "embeddable Ajax components",
> you
> > >> know, like Google Maps that anybody can embed in their own html.
> > >>
> > >>
> > >> Can anybody suggest an approach that would allow us to keep as much
>
> > >> overlap/reusability/cohabitation between our existing Wicket apps
> and
> > >> these Ajax components that we now need to make?
> > >>
> > >>
> > >> For instance, would a reasonable approach be to use only
> Sciptaclous
> > >> components in Wicket so we can use the exact same lib for our
> embeddable
> > >> components?
> > >>
> > >> I guess ideally I'd like to be able to serve the XHRs from these
> > >> components directly from Wicket (ultimate
> reusability/cohabitation), but
> > >> this doesn't look like it would be an easy task...
> > >>
> > >>
> > >> Any comments would be most welcome. I'm new to this. :-)
> > >>
> > >>
> > >> Cheers,
> > >> Dave
> > >>
> > >>
> > >>
> > >>
> > >>
> -------------------------------------------------------------------------
> > >> This SF.net email is sponsored by DB2 Express
> > >> Download DB2 Express C - the FREE version of DB2 express and take
> > >> control of your XML. No limits. Just data. Click to get it now.
> > >> http://sourceforge.net/powerbar/db2/
> > >> _______________________________________________
> > >> Wicket-user mailing list
> > >> Wicket-user@lists.sourceforge.net
> > >> https://lists.sourceforge.net/lists/listinfo/wicket-user
> > >>
> > >>
> > >
> > >
> >
>
>
>
> -------------------------------------------------------------------------
> This SF.net email is sponsored by DB2 Express
> Download DB2 Express C - the FREE version of DB2 express and take
> control of your XML. No limits. Just data. Click to get it now.
> http://sourceforge.net/powerbar/db2/
> _______________________________________________
> Wicket-user mailing list
> Wicket-user@lists.sourceforge.net
> https://lists.sourceforge.net/lists/listinfo/wicket-user
>
-------------------------------------------------------------------------
This SF.net email is sponsored by DB2 Express
Download DB2 Express C - the FREE version of DB2 express and take
control of your XML. No limits. Just data. Click to get it now.
http://sourceforge.net/powerbar/db2/
_______________________________________________
Wicket-user mailing list
Wicket-user@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/wicket-user
