Re: Wicket and Javascript UI Libraries' components
Thank you Martin -- View this message in context: http://apache-wicket.1842946.n4.nabble.com/Wicket-and-Javascript-UI-Libraries-components-tp4651804p4651828.html Sent from the Users forum mailing list archive at Nabble.com. - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: Wicket and Javascript UI Libraries' components
Hi Gia, There are few good libraries that integrate Wicket with JavaScript libraries (mostly jQuery). See http://code.google.com/p/wiquery/, http://code.google.com/p/wicket-jquery-ui/, http://code.google.com/p/jqwicket/, ... If you don't use jQuery then use there code as inspiration. On Thu, Sep 6, 2012 at 3:30 PM, gia wrote: > Hi, > > I am a newbie. > So far I have used PHP with some javascript libraries: Prototype, YUI, Dojo. > I started with Wicket 1.4.x. As I see Wicket has its own ui componenets. > What is not clear for me how can I use/integrate an external Javascript > libraries. > > Any help is appreciated, > > Regards > > gia > > > > -- > View this message in context: > http://apache-wicket.1842946.n4.nabble.com/Wicket-and-Javascript-UI-Libraries-components-tp4651804.html > Sent from the Users forum mailing list archive at Nabble.com. > > - > To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org > For additional commands, e-mail: users-h...@wicket.apache.org > -- Martin Grigorov jWeekend Training, Consulting, Development http://jWeekend.com - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Wicket and Javascript UI Libraries' components
Hi, I am a newbie. So far I have used PHP with some javascript libraries: Prototype, YUI, Dojo. I started with Wicket 1.4.x. As I see Wicket has its own ui componenets. What is not clear for me how can I use/integrate an external Javascript libraries. Any help is appreciated, Regards gia -- View this message in context: http://apache-wicket.1842946.n4.nabble.com/Wicket-and-Javascript-UI-Libraries-components-tp4651804.html Sent from the Users forum mailing list archive at Nabble.com. - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: wicket and javascript
See https://github.com/wicketstuff/core/blob/master/jdk-1.6-parent/autocomplete-tagit-parent/autocomplete-tagit/src/main/java/org/wicketstuff/tagit/TagItAjaxBehavior.java#L114 and few lines above how this template is populated On Thu, Feb 9, 2012 at 7:18 PM, mukesh kumar wrote: > Hi, > In my wicket application, for session timeout, i have used .js(javascript) > file. And i am showing timeout message from alert tag in .js file. And add > this file to my all html page; its working fine. > But my problem is, for internationalization, i want to > show that alert message from properties file. i tried, but unable to find > solutions. My project is going on deadline, so please help me, and give me > the solutions ASAP. > Thanks ! > > -- > View this message in context: > http://apache-wicket.1842946.n4.nabble.com/wicket-and-javascript-tp4373587p4373587.html > Sent from the Users forum mailing list archive at Nabble.com. > > - > To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org > For additional commands, e-mail: users-h...@wicket.apache.org > -- Martin Grigorov jWeekend Training, Consulting, Development http://jWeekend.com - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: wicket and javascript
I have a JS file that has a function to return a node value from an XML file. The JS file is referenced in the head section of the page and the function is called from the page body. The JS function runs but does not return the XML node. How do I reference the XML file? Hope you can help jthomerson wrote: > > If you're rendering JS that shouldn't be executed until the page is > loaded, > call this method in your renderHead method: > > http://wicket.apache.org/docs/wicket-1.3.2/wicket/apidocs/org/apache/wicket/markup/html/IHeaderResponse.html#renderOnDomReadyJavascript%28java.lang.String%29 > > -- > Jeremy Thomerson > http://www.wickettraining.com > > > > On Tue, Feb 16, 2010 at 8:12 AM, exceptionist wrote: > >> >> >> >> igor.vaynberg wrote: >> > >> > allow your component to implement IHeaderContributor and output both >> > your base js and string js from the renderhread() method >> > -igor >> > >> >> du u have a code-example(link oder something like that) for this way of >> solving my prob? >> i tried several times to do it, but i always got the same result... >> the script, which was generated dynamically was rendered into the head >> before the ressource-implementation, instead of behind that block of >> code. >> -- >> View this message in context: >> http://old.nabble.com/wicket-and-javascript-tp27590908p27608918.html >> Sent from the Wicket - User mailing list archive at Nabble.com. >> >> >> ----- >> To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org >> For additional commands, e-mail: users-h...@wicket.apache.org >> >> > > -- View this message in context: http://old.nabble.com/wicket-and-javascript-tp27590908p27950990.html Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: wicket and javascript
jthomerson wrote: > > If you're rendering JS that shouldn't be executed until the page is > loaded, > call this method in your renderHead method: > > http://wicket.apache.org/docs/wicket-1.3.2/wicket/apidocs/org/apache/wicket/markup/html/IHeaderResponse.html#renderOnDomReadyJavascript%28java.lang.String%29 > > -- > Jeremy Thomerson > http://www.wickettraining.com > GREAT the script is still above the others, but i don´t care as long as it works :) and the whole js-part is in the page´s head-tag :) thx 4 your help :) -- View this message in context: http://old.nabble.com/wicket-and-javascript-tp27590908p27621035.html Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: wicket and javascript
If you're rendering JS that shouldn't be executed until the page is loaded, call this method in your renderHead method: http://wicket.apache.org/docs/wicket-1.3.2/wicket/apidocs/org/apache/wicket/markup/html/IHeaderResponse.html#renderOnDomReadyJavascript%28java.lang.String%29 -- Jeremy Thomerson http://www.wickettraining.com On Tue, Feb 16, 2010 at 8:12 AM, exceptionist wrote: > > > > igor.vaynberg wrote: > > > > allow your component to implement IHeaderContributor and output both > > your base js and string js from the renderhread() method > > -igor > > > > du u have a code-example(link oder something like that) for this way of > solving my prob? > i tried several times to do it, but i always got the same result... > the script, which was generated dynamically was rendered into the head > before the ressource-implementation, instead of behind that block of code. > -- > View this message in context: > http://old.nabble.com/wicket-and-javascript-tp27590908p27608918.html > Sent from the Wicket - User mailing list archive at Nabble.com. > > > - > To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org > For additional commands, e-mail: users-h...@wicket.apache.org > >
Re: wicket and javascript
igor.vaynberg wrote: > > allow your component to implement IHeaderContributor and output both > your base js and string js from the renderhread() method > -igor > du u have a code-example(link oder something like that) for this way of solving my prob? i tried several times to do it, but i always got the same result... the script, which was generated dynamically was rendered into the head before the ressource-implementation, instead of behind that block of code. -- View this message in context: http://old.nabble.com/wicket-and-javascript-tp27590908p27608918.html Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: wicket and javascript
allow your component to implement IHeaderContributor and output both your base js and string js from the renderhread() method -igor 2010/2/15 björn liffers : > hello, > i tried to generate a.js-file, but i wasn´t able to generate it in the folder > where i wanted it to be. > so i decided to generate it from a StringModel but it still didn´t work. > > i have several scripts that are implemented via resource... > like this one: >   add(JavascriptPackageResource.getHeaderContribution(Start.class, > "js/raphael-min.js")); > > the StringModel was added after the script-ressource >   add(JavascriptPackageResource.getHeaderContribution(Start.class, > "js/raphael-min.js")); >   add(new Label("rScript", Model.of(rScript)).setEscapeModelStrings(false)); > > but when the page rendered the StringModel was implemented before the > ressources where added. > > i dislike to place the StringModel´s script-tag in the body-tag instead of > the head-tag of my html-file > is there any possibility to solve that? > if it´s not possible to do it this way, is there anyone who can tell me how > to get the absolute path to my Start.class dynamically? > would be glad to get answers to both questions :) > > in my company there isn´t anyone dealing with wicket, it´s some kind of > explorative task for me > > thank you > *exceptionist* > > Immer auf dem Laufenden! Sport, Auto, Reise, Politik und Promis. Von uns für > Sie: der neue Arcor.de-Newsletter! > Jetzt anmelden und einfach alles wissen: > http://www.arcor.de/rd/footer.newsletter > > - > 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
wicket and javascript
hello, i tried to generate a.js-file, but i wasn´t able to generate it in the folder where i wanted it to be. so i decided to generate it from a StringModel but it still didn´t work. i have several scripts that are implemented via resource... like this one: add(JavascriptPackageResource.getHeaderContribution(Start.class, "js/raphael-min.js")); the StringModel was added after the script-ressource add(JavascriptPackageResource.getHeaderContribution(Start.class, "js/raphael-min.js")); add(new Label("rScript", Model.of(rScript)).setEscapeModelStrings(false)); but when the page rendered the StringModel was implemented before the ressources where added. i dislike to place the StringModel´s script-tag in the body-tag instead of the head-tag of my html-file is there any possibility to solve that? if it´s not possible to do it this way, is there anyone who can tell me how to get the absolute path to my Start.class dynamically? would be glad to get answers to both questions :) in my company there isn´t anyone dealing with wicket, it´s some kind of explorative task for me thank you *exceptionist* Immer auf dem Laufenden! Sport, Auto, Reise, Politik und Promis. Von uns für Sie: der neue Arcor.de-Newsletter! Jetzt anmelden und einfach alles wissen: http://www.arcor.de/rd/footer.newsletter - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: File input using wicket and javascript
i dont think you can with pure html. maybe you can find a flash component that will do what you want. -igor On Sun, Aug 9, 2009 at 4:11 PM, Milton Quranda wrote: > Hi All, > > I really need some help on this from javascript as well as wicket side.. I > am not quite experienced with javascript... and just a month in wicket... > > I am creating a page which has an Image link or even an Image button what > ever works. When i click on the image the file browse window will open as if > clicked on the browse button of file input field. Once the user has selected > an image and click on "Open" button on the browser window, the file will get > uploaded and replace the image that was clicked. > > Now what i cannot figure out is how to open the browse window when clicked > on the image and how to catch the "Open" click event and upload the file. I > have the file input field hidden. > > Appreciate your reply. > > Thanks, > Milton > > ImageUploadForm > > > > > src="images/picture-blank.gif" alt="" width="112" height="131"> > > > > ImageUploadPanel.java > public class ImageUploadPanel extends Panel { > > public ImageUploadPanel(String s) { > super(s); > renderPage(); > } > > public ImageUploadPanel(String s, IModel iModel) { > super(s, iModel); > renderPage(); > } > > public void renderPage() { > Form form = new Form("ImageUploadForm"); > FileUploadField fileUploadField = new FileUploadField("fileUpload"); > fileUploadField.setVisible(false); > > Link fileImageButton = new Link("imageLink"){ > > public void onClick() { > > } > }; > > form.add(fileImageButton); > form.add(fileUploadField); > add(form); > } > } > - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
File input using wicket and javascript
Hi All, I really need some help on this from javascript as well as wicket side.. I am not quite experienced with javascript... and just a month in wicket... I am creating a page which has an Image link or even an Image button what ever works. When i click on the image the file browse window will open as if clicked on the browse button of file input field. Once the user has selected an image and click on "Open" button on the browser window, the file will get uploaded and replace the image that was clicked. Now what i cannot figure out is how to open the browse window when clicked on the image and how to catch the "Open" click event and upload the file. I have the file input field hidden. Appreciate your reply. Thanks, Milton ImageUploadForm ImageUploadPanel.java public class ImageUploadPanel extends Panel { public ImageUploadPanel(String s) { super(s); renderPage(); } public ImageUploadPanel(String s, IModel iModel) { super(s, iModel); renderPage(); } public void renderPage() { Form form = new Form("ImageUploadForm"); FileUploadField fileUploadField = new FileUploadField("fileUpload"); fileUploadField.setVisible(false); Link fileImageButton = new Link("imageLink"){ public void onClick() { } }; form.add(fileImageButton); form.add(fileUploadField); add(form); } }
Re: Wicket and javascript
yes thanks alot. Beacuse I didn't have any other wicket ajax the lib was not included. I just added a super.renderHead(response); and it worked. Thanks -- View this message in context: http://www.nabble.com/Wicket-and-javascript-tp24336438p24345756.html Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: Wicket and javascript
I didn't check it for 100% functionality - I was showing you how the pieces fit together. Now you know how to get the URL for the callback, how to get the callback to work, etc. Now, look at it and see what it renders and see if it's correct. I can't help anyway without knowing what JS error you got. -- Jeremy Thomerson http://www.wickettraining.com On Sun, Jul 5, 2009 at 12:59 PM, Mathias Nilsson wrote: > > Nope I get an javascript error when trying this. > > > -- > View this message in context: > http://www.nabble.com/Wicket-and-javascript-tp24336438p24345368.html > Sent from the Wicket - User mailing list archive at Nabble.com. > > > - > 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: Wicket and javascript
Nope I get an javascript error when trying this. -- View this message in context: http://www.nabble.com/Wicket-and-javascript-tp24336438p24345368.html Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: Wicket and javascript
Thanks! That did the trick. -- View this message in context: http://www.nabble.com/Wicket-and-javascript-tp24336438p24343230.html Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: Wicket and javascript
Here, I think this should work: Pastebin link in case the formatting gets messed up in email: http://pastebin.com/f6ef575c3 public ExamplePage() { IModel> model = getSomeModel(); final ListView lv = new ListView("listview", model) { @Override protected void populateItem(ListItem item) { item.add(new Label("name", item.getModel())); } }; final IBehavior repaintBehavior = new AbstractDefaultAjaxBehavior() { @Override protected void respond(AjaxRequestTarget target) { // this repaints the list view // this requires your model to always get the most // up-to-date list target.addComponent(lv); } @Override public void renderHead(IHeaderResponse response) { CharSequence callback = getCallbackScript(); response.renderJavascript("function uploadCompleted() { " + callback + "}", "customUploadCompleted"); } }; } -- Jeremy Thomerson http://www.wickettraining.com On Sun, Jul 5, 2009 at 7:57 AM, Mathias Nilsson wrote: > > Yes but I will have a WebMarkupContainer with a ListView in that needs to be > updated via ajax. If my javascript hits the onLinkClicked I won't have any > AjaxRequestTarget to update the container via ajax. > -- > View this message in context: > http://www.nabble.com/Wicket-and-javascript-tp24336438p24342870.html > Sent from the Wicket - User mailing list archive at Nabble.com. > > > - > 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: Wicket and javascript
Yes but I will have a WebMarkupContainer with a ListView in that needs to be updated via ajax. If my javascript hits the onLinkClicked I won't have any AjaxRequestTarget to update the container via ajax. -- View this message in context: http://www.nabble.com/Wicket-and-javascript-tp24336438p24342870.html Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: Wicket and javascript
you are getting closer... next step is to get the callbackURL to the browser and than pick it up by your javascript. it could be rendered as an attribute using an AttributeModifier. given that wicket supplies the javaScript method wicketAjaxGet. If that gets called with the callbackURL the call will hit right through to the onLinkClicked() so far i did that trick with behaviors, but this is an interesting approach too. mf Am 05.07.2009 um 13:52 schrieb Mathias Nilsson: Sorry for not getting this totally. If I do something like this class Comp extends WebComponent implements ILinkListener{ public Comp(String id) { super(id); } public String getCallbackURL(){ return urlFor( ILinkListener.INTERFACE ).toString(); } public void onLinkClicked() { // TODO Auto-generated method stub } } Then how could I update it via AJAX? -- View this message in context: http://www.nabble.com/Wicket-and-javascript-tp24336438p24342389.html Sent from the Wicket - User mailing list archive at Nabble.com. - 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: Wicket and javascript
Sorry for not getting this totally. If I do something like this class Comp extends WebComponent implements ILinkListener{ public Comp(String id) { super(id); } public String getCallbackURL(){ return urlFor( ILinkListener.INTERFACE ).toString(); } public void onLinkClicked() { // TODO Auto-generated method stub } } Then how could I update it via AJAX? -- View this message in context: http://www.nabble.com/Wicket-and-javascript-tp24336438p24342389.html Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: Wicket and javascript
first create a url to a component. this can be done by letting your component implement something like ilinklistener and calling urlfor(linklistener.interface) on that component. once you have the url (which will trigger onclick() of the component) pass it into some javascript by writing it out into a variable or what not. then use any 3rd party ajax lib to make the call, or use wicket's js - have a look in wicket-ajax.js. -igor On Sat, Jul 4, 2009 at 4:32 PM, Mathias Nilsson wrote: > > Thanks! > > I know what to do not just how it could be done > > "You have it trigger a Wicket AJAX call to the server on a > behavior" > > How does this work? > -- > View this message in context: > http://www.nabble.com/Wicket-and-javascript-tp24336438p24338948.html > Sent from the Wicket - User mailing list archive at Nabble.com. > > > - > 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: Wicket and javascript
Thanks! I know what to do not just how it could be done "You have it trigger a Wicket AJAX call to the server on a behavior" How does this work? -- View this message in context: http://www.nabble.com/Wicket-and-javascript-tp24336438p24338948.html Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: Wicket and javascript
On the client side you have a JS script that knows when 100% is reached. You have it trigger a Wicket AJAX call to the server on a behavior that repaints your list view. Then the list view just needs a proper model that gets an up-to-date list. Create an abstract behavior, and there is a method that you can call that gets the JS callback (IIRC). -- Jeremy Thomerson http://www.wickettraining.com On Sat, Jul 4, 2009 at 2:50 PM, Mathias Nilsson wrote: > > Let me be a bit more specific. > > A have a plain form, none wicket that posts to an Iframe. In the onsubmit of > the form I call my ajax function. The action is set to my servlet to receive > the multipart. > In the start I setup my ajax and make GET requests to the same servlet for > updating my progress bar. > > When the percentage is 100% I would like to make a call to wicket to update > a listview of files. I could save the filename in the session when in the > servlet. is there any way of doing a callback to wicket like this? > -- > View this message in context: > http://www.nabble.com/Wicket-and-javascript-tp24336438p24337495.html > Sent from the Wicket - User mailing list archive at Nabble.com. > > > - > 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: Wicket and javascript
Let me be a bit more specific. A have a plain form, none wicket that posts to an Iframe. In the onsubmit of the form I call my ajax function. The action is set to my servlet to receive the multipart. In the start I setup my ajax and make GET requests to the same servlet for updating my progress bar. When the percentage is 100% I would like to make a call to wicket to update a listview of files. I could save the filename in the session when in the servlet. is there any way of doing a callback to wicket like this? -- View this message in context: http://www.nabble.com/Wicket-and-javascript-tp24336438p24337495.html Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Wicket and javascript
Hi, I know there has been some topics on this but I need some pointers on how to manage this. I have struggled with the uploadProgressBar for some time but it fails for all browser. I've decided to create my own upload with progressbar. It's a html form that post to an IFrame. On post I upload to a servlet. I can do ajax callbacks to the servlet to see the upload status. What I want is to when the upload is finished call back to wicket so I can refresh the file list via ajax. Is this possible? Any pointers?
Re: Wicket and Javascript framework integration
I also wrote something on my blog on this : http://ninomartinez.wordpress.com/2008/09/09/apache-wicket-javascript-integration/ And on the company blog I worked for at a time: http://blog.jayway.com/2008/09/26/wicket-javascript-internals-dissected/ T C wrote: I understand all integrations may be different but has anyone posted a "recipe" for how to create an integration jQuery, i.e., what is required for creating a behavior? Thanks, /tc From: Jeremy Thomerson To: users@wicket.apache.org Cc: fredy.wij...@gmail.com Sent: Tuesday, December 23, 2008 6:20:18 PM Subject: Re: Wicket and Javascript framework integration Check out one of the many examples in Wicket Stuff, for instance, the YUI integration: https://wicket-stuff.svn.sourceforge.net/svnroot/wicket-stuff/trunk/wicketstuff-core/yui-parent/yui/ You can also see what Nino has just been working on in the past couple of days with this: https://wicket-stuff.svn.sourceforge.net/svnroot/wicket-stuff/trunk/wicketstuff-core/artwork-parent/artwork/ Basically, you'll just need to include the JS file (i.e. jQuery, etc) with a ResourceReference, and then create a behavior (for example, extend AbstractBehavior) that adds the appropriate JS code to the page to add jQuery (or other) components / behaviors to your Wicket components. - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: Wicket and Javascript framework integration
check this https://wicket-stuff.svn.sourceforge.net/svnroot/wicket-stuff/trunk/wicketstuff-core/jquery-parent Dipu On Wed, Dec 24, 2008 at 6:15 AM, T C wrote: > I understand all integrations may be different but has anyone posted a > "recipe" for how to create an integration jQuery, i.e., what is required for > creating a behavior? > > Thanks, > > /tc > > > > > > From: Jeremy Thomerson > To: users@wicket.apache.org > Cc: fredy.wij...@gmail.com > Sent: Tuesday, December 23, 2008 6:20:18 PM > Subject: Re: Wicket and Javascript framework integration > > Check out one of the many examples in Wicket Stuff, for instance, the YUI > integration: > https://wicket-stuff.svn.sourceforge.net/svnroot/wicket-stuff/trunk/wicketstuff-core/yui-parent/yui/ > > You can also see what Nino has just been working on in the past couple of > days with this: > https://wicket-stuff.svn.sourceforge.net/svnroot/wicket-stuff/trunk/wicketstuff-core/artwork-parent/artwork/ > > Basically, you'll just need to include the JS file (i.e. jQuery, etc) with a > ResourceReference, and then create a behavior (for example, extend > AbstractBehavior) that adds the appropriate JS code to the page to add > jQuery (or other) components / behaviors to your Wicket components. > > -- > Jeremy Thomerson > http://www.wickettraining.com > > On Tue, Dec 23, 2008 at 8:15 PM, tabiul mahmood wrote: > >> Hi, >> I would like to know more about how can I go about integrating wicket with >> one of the popular javascript framework (Dojo or jQuery). We would like to >> use the standard wicket component and flavour the component with the JS. I >> want to avoid writing wicket component extension. I am aware that there is >> Ajax based Wicket component but how can I go about adding my own feature >> which might be lacking with the wicket Ajax component? >> >> If there is any sample that I can refer to that would be helpful >> >> Thanks >> >> -- >> Regards, >> >> Tabiul Mahmood >> > > > > - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: Wicket and Javascript framework integration
I understand all integrations may be different but has anyone posted a "recipe" for how to create an integration jQuery, i.e., what is required for creating a behavior? Thanks, /tc From: Jeremy Thomerson To: users@wicket.apache.org Cc: fredy.wij...@gmail.com Sent: Tuesday, December 23, 2008 6:20:18 PM Subject: Re: Wicket and Javascript framework integration Check out one of the many examples in Wicket Stuff, for instance, the YUI integration: https://wicket-stuff.svn.sourceforge.net/svnroot/wicket-stuff/trunk/wicketstuff-core/yui-parent/yui/ You can also see what Nino has just been working on in the past couple of days with this: https://wicket-stuff.svn.sourceforge.net/svnroot/wicket-stuff/trunk/wicketstuff-core/artwork-parent/artwork/ Basically, you'll just need to include the JS file (i.e. jQuery, etc) with a ResourceReference, and then create a behavior (for example, extend AbstractBehavior) that adds the appropriate JS code to the page to add jQuery (or other) components / behaviors to your Wicket components. -- Jeremy Thomerson http://www.wickettraining.com On Tue, Dec 23, 2008 at 8:15 PM, tabiul mahmood wrote: > Hi, > I would like to know more about how can I go about integrating wicket with > one of the popular javascript framework (Dojo or jQuery). We would like to > use the standard wicket component and flavour the component with the JS. I > want to avoid writing wicket component extension. I am aware that there is > Ajax based Wicket component but how can I go about adding my own feature > which might be lacking with the wicket Ajax component? > > If there is any sample that I can refer to that would be helpful > > Thanks > > -- > Regards, > > Tabiul Mahmood >
Re: Wicket and Javascript framework integration
Check out one of the many examples in Wicket Stuff, for instance, the YUI integration: https://wicket-stuff.svn.sourceforge.net/svnroot/wicket-stuff/trunk/wicketstuff-core/yui-parent/yui/ You can also see what Nino has just been working on in the past couple of days with this: https://wicket-stuff.svn.sourceforge.net/svnroot/wicket-stuff/trunk/wicketstuff-core/artwork-parent/artwork/ Basically, you'll just need to include the JS file (i.e. jQuery, etc) with a ResourceReference, and then create a behavior (for example, extend AbstractBehavior) that adds the appropriate JS code to the page to add jQuery (or other) components / behaviors to your Wicket components. -- Jeremy Thomerson http://www.wickettraining.com On Tue, Dec 23, 2008 at 8:15 PM, tabiul mahmood wrote: > Hi, > I would like to know more about how can I go about integrating wicket with > one of the popular javascript framework (Dojo or jQuery). We would like to > use the standard wicket component and flavour the component with the JS. I > want to avoid writing wicket component extension. I am aware that there is > Ajax based Wicket component but how can I go about adding my own feature > which might be lacking with the wicket Ajax component? > > If there is any sample that I can refer to that would be helpful > > Thanks > > -- > Regards, > > Tabiul Mahmood >
Wicket and Javascript framework integration
Hi, I would like to know more about how can I go about integrating wicket with one of the popular javascript framework (Dojo or jQuery). We would like to use the standard wicket component and flavour the component with the JS. I want to avoid writing wicket component extension. I am aware that there is Ajax based Wicket component but how can I go about adding my own feature which might be lacking with the wicket Ajax component? If there is any sample that I can refer to that would be helpful Thanks -- Regards, Tabiul Mahmood
Re: Wicket and JAVASCRIPT variables
Great. Im looking into this again now, saw the error but was in meetings all day.. I'll see how the gmap and gmap2 has evolved since my participation... Martin Funk wrote: mea culpa, could you try again please. mf Ballist1c schrieb: I have had a look, the GMap2 contrib is missing source files :( GOverlayListenerBehavior class is required ... but the SVN I got doesnt have it ... so thats not an option. igor.vaynberg wrote: have you seen wicketstuff's google maps integration projects? -igor On Jan 16, 2008 5:14 PM, Ballist1c <[EMAIL PROTECTED]> wrote: Hey guys, Im working with google maps and what I want to accomplish is have location data from our DB backend parsed into the google map for display. At the moment, what I have achieved is having the google map display multiple locations statically defined within the javascript itself, and I have my dynamic location data accessible from the panel in which the google map is loaded in. Where I am stopped at the moment is figuring out a way to parse hundreds of location coordinates thru to the Javascript. I had a look at manually initializing a JS array var, but the format which Googlemaps uses makes it a real pain in the arse. To give you an idea of the javascript for the array variable var officeLayer = [ { "zoom": [0, 6], "places": [ { "name": "New York Sales & Engineering Office", "icon": ["house", "house-shadow"], "posn": [40.754606, -73.986794] }, { "name": "Atlanta Sales & Engineering Office", "icon": ["house", "house-shadow"], "posn": [33.781506, -84.387422] }, { "name": "Dallas Sales Office", "icon": ["house", "house-shadow"], "posn": [36.4724385, -101.044637] }, { "name": "Cambridge Sales & Engineering Office", "icon": ["house", "house-shadow"], "posn": [42.362331, -71.083661] }, { "name": "Chicago Sales Office", "icon": ["house", "house-shadow"], "posn": [41.889232, -87.628767] }, { "name": "Denver & Boulder Offices", "icon": ["house", "house-shadow"], "posn": [39.563011, -104.868962] }, { "name": "Detroit Sales Office", "icon": ["house", "house-shadow"], "posn": [42.475482, -83.244587] }, { "name": "Santa Monica & Irvine Offices", "icon": ["house", "house-shadow"], "posn": [33.715585, -118.177435] }, { "name": "Phoenix Sales & Engineering Office", "icon": ["house", "house-shadow"], "posn": [33.411782, -111.926247] }, { "name": "Pittsburgh Engineering Office", "icon": ["house", "house-shadow"], "posn": [40.444541, -79.946254] }, { "name": "Seattle Engineering & Sales Offices", "icon": ["house", "house-shadow"], "posn": [47.664261, -122.274308] }, { "name": "Canada Sales Office", "icon": ["house", "house-shadow"], "posn": [43.645478, -79.378843] }, ] }, anyone got any ideas? -- View this message in context: http://www.nabble.com/Wicket-and-JAVASCRIPT-variables-tp14902889p14902889.html Sent from the Wicket - User 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] - To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED] -- Nino Martinez Wael Java Specialist @ Jayway DK http://www.jayway.dk +45 2936 7684 - To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]
Re: Wicket and JAVASCRIPT variables
mea culpa, could you try again please. mf Ballist1c schrieb: I have had a look, the GMap2 contrib is missing source files :( GOverlayListenerBehavior class is required ... but the SVN I got doesnt have it ... so thats not an option. igor.vaynberg wrote: have you seen wicketstuff's google maps integration projects? -igor On Jan 16, 2008 5:14 PM, Ballist1c <[EMAIL PROTECTED]> wrote: Hey guys, Im working with google maps and what I want to accomplish is have location data from our DB backend parsed into the google map for display. At the moment, what I have achieved is having the google map display multiple locations statically defined within the javascript itself, and I have my dynamic location data accessible from the panel in which the google map is loaded in. Where I am stopped at the moment is figuring out a way to parse hundreds of location coordinates thru to the Javascript. I had a look at manually initializing a JS array var, but the format which Googlemaps uses makes it a real pain in the arse. To give you an idea of the javascript for the array variable var officeLayer = [ { "zoom": [0, 6], "places": [ { "name": "New York Sales & Engineering Office", "icon": ["house", "house-shadow"], "posn": [40.754606, -73.986794] }, { "name": "Atlanta Sales & Engineering Office", "icon": ["house", "house-shadow"], "posn": [33.781506, -84.387422] }, { "name": "Dallas Sales Office", "icon": ["house", "house-shadow"], "posn": [36.4724385, -101.044637] }, { "name": "Cambridge Sales & Engineering Office", "icon": ["house", "house-shadow"], "posn": [42.362331, -71.083661] }, { "name": "Chicago Sales Office", "icon": ["house", "house-shadow"], "posn": [41.889232, -87.628767] }, { "name": "Denver & Boulder Offices", "icon": ["house", "house-shadow"], "posn": [39.563011, -104.868962] }, { "name": "Detroit Sales Office", "icon": ["house", "house-shadow"], "posn": [42.475482, -83.244587] }, { "name": "Santa Monica & Irvine Offices", "icon": ["house", "house-shadow"], "posn": [33.715585, -118.177435] }, { "name": "Phoenix Sales & Engineering Office", "icon": ["house", "house-shadow"], "posn": [33.411782, -111.926247] }, { "name": "Pittsburgh Engineering Office", "icon": ["house", "house-shadow"], "posn": [40.444541, -79.946254] }, { "name": "Seattle Engineering & Sales Offices", "icon": ["house", "house-shadow"], "posn": [47.664261, -122.274308] }, { "name": "Canada Sales Office", "icon": ["house", "house-shadow"], "posn": [43.645478, -79.378843] }, ] }, anyone got any ideas? -- View this message in context: http://www.nabble.com/Wicket-and-JAVASCRIPT-variables-tp14902889p14902889.html Sent from the Wicket - User 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] - To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]
Re: Wicket and JAVASCRIPT variables
I have had a look, the GMap2 contrib is missing source files :( GOverlayListenerBehavior class is required ... but the SVN I got doesnt have it ... so thats not an option. igor.vaynberg wrote: > > have you seen wicketstuff's google maps integration projects? > > -igor > > > On Jan 16, 2008 5:14 PM, Ballist1c <[EMAIL PROTECTED]> wrote: >> >> Hey guys, >> >> Im working with google maps and what I want to accomplish is have >> location >> data from our DB backend parsed into the google map for display. >> >> At the moment, what I have achieved is having the google map display >> multiple locations statically defined within the javascript itself, and I >> have my dynamic location data accessible from the panel in which the >> google >> map is loaded in. >> >> Where I am stopped at the moment is figuring out a way to parse hundreds >> of >> location coordinates thru to the Javascript. I had a look at manually >> initializing a JS array var, but the format which Googlemaps uses makes >> it a >> real pain in the arse. >> >> To give you an idea of the javascript for the array variable >> >> var officeLayer = [ >> { >> "zoom": [0, 6], >> "places": [ >> { >> "name": "New York Sales & Engineering Office", >> "icon": ["house", "house-shadow"], >> "posn": [40.754606, -73.986794] >> }, >> { >> "name": "Atlanta Sales & Engineering Office", >> "icon": ["house", "house-shadow"], >> "posn": [33.781506, -84.387422] >> }, >> { >> "name": "Dallas Sales Office", >> "icon": ["house", "house-shadow"], >> "posn": [36.4724385, -101.044637] >> }, >> { >> "name": "Cambridge Sales & Engineering Office", >> "icon": ["house", "house-shadow"], >> "posn": [42.362331, -71.083661] >> }, >> { >> "name": "Chicago Sales Office", >> "icon": ["house", "house-shadow"], >> "posn": [41.889232, -87.628767] >> }, >> { >> "name": "Denver & Boulder Offices", >> "icon": ["house", "house-shadow"], >> "posn": [39.563011, -104.868962] >> }, >> { >> "name": "Detroit Sales Office", >> "icon": ["house", "house-shadow"], >> "posn": [42.475482, -83.244587] >> }, >> { >> "name": "Santa Monica & Irvine Offices", >> "icon": ["house", "house-shadow"], >> "posn": [33.715585, -118.177435] >> }, >> { >> "name": "Phoenix Sales & Engineering Office", >> "icon": ["house", "house-shadow"], >> "posn": [33.411782, -111.926247] >> }, >> { >> "name": "Pittsburgh Engineering Office", >> "icon": ["house", "house-shadow"], >> "posn": [40.444541, -79.946254] >> }, >> { >> "name": "Seattle Engineering & Sales Offices", >> "icon": ["house", "house-shadow"], >> "posn": [47.664261, -122.274308] >> }, >> { >> "name": "Canada Sales Office", >> "icon": ["house", "house-shadow"], >> "posn": [43.645478, -79.378843] >> }, >> ] >> }, >> >> anyone got any ideas? >> -- >> View this message in context: >> http://www.nabble.com/Wicket-and-JAVASCRIPT-variables-tp14902889p14902889.html >> Sent from the Wicket - User 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] > > > -- View this message in context: http://www.nabble.com/Wicket-and-JAVASCRIPT-variables-tp14902889p14907106.html Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]
Re: Wicket and JAVASCRIPT variables
have you seen wicketstuff's google maps integration projects? -igor On Jan 16, 2008 5:14 PM, Ballist1c <[EMAIL PROTECTED]> wrote: > > Hey guys, > > Im working with google maps and what I want to accomplish is have location > data from our DB backend parsed into the google map for display. > > At the moment, what I have achieved is having the google map display > multiple locations statically defined within the javascript itself, and I > have my dynamic location data accessible from the panel in which the google > map is loaded in. > > Where I am stopped at the moment is figuring out a way to parse hundreds of > location coordinates thru to the Javascript. I had a look at manually > initializing a JS array var, but the format which Googlemaps uses makes it a > real pain in the arse. > > To give you an idea of the javascript for the array variable > > var officeLayer = [ > { > "zoom": [0, 6], > "places": [ > { > "name": "New York Sales & Engineering Office", > "icon": ["house", "house-shadow"], > "posn": [40.754606, -73.986794] > }, > { > "name": "Atlanta Sales & Engineering Office", > "icon": ["house", "house-shadow"], > "posn": [33.781506, -84.387422] > }, > { > "name": "Dallas Sales Office", > "icon": ["house", "house-shadow"], > "posn": [36.4724385, -101.044637] > }, > { > "name": "Cambridge Sales & Engineering Office", > "icon": ["house", "house-shadow"], > "posn": [42.362331, -71.083661] > }, > { > "name": "Chicago Sales Office", > "icon": ["house", "house-shadow"], > "posn": [41.889232, -87.628767] > }, > { > "name": "Denver & Boulder Offices", > "icon": ["house", "house-shadow"], > "posn": [39.563011, -104.868962] > }, > { > "name": "Detroit Sales Office", > "icon": ["house", "house-shadow"], > "posn": [42.475482, -83.244587] > }, > { > "name": "Santa Monica & Irvine Offices", > "icon": ["house", "house-shadow"], > "posn": [33.715585, -118.177435] > }, > { > "name": "Phoenix Sales & Engineering Office", > "icon": ["house", "house-shadow"], > "posn": [33.411782, -111.926247] > }, > { > "name": "Pittsburgh Engineering Office", > "icon": ["house", "house-shadow"], > "posn": [40.444541, -79.946254] > }, > { > "name": "Seattle Engineering & Sales Offices", > "icon": ["house", "house-shadow"], > "posn": [47.664261, -122.274308] > }, > { > "name": "Canada Sales Office", > "icon": ["house", "house-shadow"], > "posn": [43.645478, -79.378843] > }, > ] > }, > > anyone got any ideas? > -- > View this message in context: > http://www.nabble.com/Wicket-and-JAVASCRIPT-variables-tp14902889p14902889.html > Sent from the Wicket - User 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]
Wicket and JAVASCRIPT variables
Hey guys, Im working with google maps and what I want to accomplish is have location data from our DB backend parsed into the google map for display. At the moment, what I have achieved is having the google map display multiple locations statically defined within the javascript itself, and I have my dynamic location data accessible from the panel in which the google map is loaded in. Where I am stopped at the moment is figuring out a way to parse hundreds of location coordinates thru to the Javascript. I had a look at manually initializing a JS array var, but the format which Googlemaps uses makes it a real pain in the arse. To give you an idea of the javascript for the array variable var officeLayer = [ { "zoom": [0, 6], "places": [ { "name": "New York Sales & Engineering Office", "icon": ["house", "house-shadow"], "posn": [40.754606, -73.986794] }, { "name": "Atlanta Sales & Engineering Office", "icon": ["house", "house-shadow"], "posn": [33.781506, -84.387422] }, { "name": "Dallas Sales Office", "icon": ["house", "house-shadow"], "posn": [36.4724385, -101.044637] }, { "name": "Cambridge Sales & Engineering Office", "icon": ["house", "house-shadow"], "posn": [42.362331, -71.083661] }, { "name": "Chicago Sales Office", "icon": ["house", "house-shadow"], "posn": [41.889232, -87.628767] }, { "name": "Denver & Boulder Offices", "icon": ["house", "house-shadow"], "posn": [39.563011, -104.868962] }, { "name": "Detroit Sales Office", "icon": ["house", "house-shadow"], "posn": [42.475482, -83.244587] }, { "name": "Santa Monica & Irvine Offices", "icon": ["house", "house-shadow"], "posn": [33.715585, -118.177435] }, { "name": "Phoenix Sales & Engineering Office", "icon": ["house", "house-shadow"], "posn": [33.411782, -111.926247] }, { "name": "Pittsburgh Engineering Office", "icon": ["house", "house-shadow"], "posn": [40.444541, -79.946254] }, { "name": "Seattle Engineering & Sales Offices", "icon": ["house", "house-shadow"], "posn": [47.664261, -122.274308] }, { "name": "Canada Sales Office", "icon": ["house", "house-shadow"], "posn": [43.645478, -79.378843] }, ] }, anyone got any ideas? -- View this message in context: http://www.nabble.com/Wicket-and-JAVASCRIPT-variables-tp14902889p14902889.html Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]