Ok, that's interesting.
So, you guys are suggesting that a reasonable approach to the problem
would be to find a lib that I like (such as scriptaculous), set them up
on a widget server, then access them either as standalone javascript
widgets or in wicket via ComponentAsWidgetContainer?
The only unfortunate thing about this approach is that we'd have to redo
all our existing wicket stuff... But hey, who said life was perfect? ;-)
Cheers,
Dave
On Thu, 2007-04-19 at 23:59 -0700, Igor Vaynberg wrote:
> 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
-------------------------------------------------------------------------
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
