Or you can also contribute to our Library ? ;) -----Message d'origine----- De : sommeralex [mailto:alexander.som...@gmail.com] Envoyé : mardi 14 février 2012 15:18 À : users@tapestry.apache.org Objet : Re: How to use the jQuery Ajax examples from http://jqueryui.com/demos/
THANK YOU!! But the best thing would be to provide a sortable-list component :-) alex 2012/2/14 Emmanuel DEMEY-2 [via Tapestry] < ml-node+s1045711n548254...@n5.nabble.com> > It comes from Tapestry5-jQuery. By default, TjQ import jquery, and > some jquery.ui files. > But if you need more, you have to use this annotation. You are right, > it is not documented in the web site, I add it into my to-do list. > Manu > > -----Message d'origine----- > De : sommeralex [mailto:[hidden > email]<http://user/SendEmail.jtp?type=node&node=5482544&i=0>] > > Envoyé : mardi 14 février 2012 15:13 > À : [hidden email] > <http://user/SendEmail.jtp?type=node&node=5482544&i=1> > Objet : Re: How to use the jQuery Ajax examples from > http://jqueryui.com/demos/ > > Hi Emmanuel! > > THIS WAS IT!!! THANK YOU!!!! > > @ImportJQueryUI({"jquery.ui.mouse", "jquery.ui.sortable"}) public > class Sort { > > } > > > but, where is the @ImportJQueryUI annotation coming from? I could not > find it in the help files.. > > > 2012/2/14 Emmanuel DEMEY-2 [via Tapestry] < [hidden email] > <http://user/SendEmail.jtp?type=node&node=5482544&i=2>> > > > Are the needed dependencies loaded ? UI Mouse ? UI Sortable ?? You > > should have a JavaScript errors if you use FireBug or Google chrome > > web > toolkit. > > Check the Overview tab of the documentation : > > http://jqueryui.com/demos/sortable/. UI Core and UI Widget are > > loaded automatically loaded by Tapestry jQuery. > > Please add this annotation at the top of your Java Class : > > @ImportJQueryUI({"jquery.ui.mouse", "jquery.ui.sortable"}) > > > > > > Manu > > > > -----Message d'origine----- > > De : Thiago H. de Paula Figueiredo [mailto:[hidden > > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=0>] > > > > Envoyé : mardi 14 février 2012 15:01 À : [hidden email] > > <http://user/SendEmail.jtp?type=node&node=5482529&i=1>; > > sommeralex > > Objet : Re: How to use the jQuery Ajax examples from > > http://jqueryui.com/demos/ > > > > > > Isn't your JavaScript code added before the elements it will use? > > Try putting your code in the end of the page. Another reason to put > > your code in file and add it to your page through @Import. > > > > On Tue, 14 Feb 2012 11:55:56 -0200, sommeralex <[hidden > > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=2>> > > wrote: > > > > > Hi Emmanuel, > > > > > > Thank you for your help.. it is frustrating.. The list is visible, > > > but not interactive. > > > > > > AppModule > > > > > > configuration.add(JQuerySymbolConstants.SUPPRESS_PROTOTYPE, > > > "true"); > > > > > > JAVA > > > > > > package com.scrollstory.pages; > > > > > > import org.apache.tapestry5.annotations.Import; > > > > > > > > > public class Sort { > > > > > > } > > > > > > TML > > > > > > <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"; > > > xmlns:j="tapestry-library:jquery"> > > > > > > > > > > > > <style> > > > #sortable { list-style-type: none; margin: 0; padding: 0; width: > > > 60%; } > > > #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; > padding-left: > > > 1.5em; font-size: 1.4em; height: 18px; } > > > #sortable li span { position: absolute; margin-left: -1.3em; } > > > </style> > > > <script> > > > $(function() { > > > $( "#sortable" ).sortable(); > > > $( "#sortable" ).disableSelection(); > > > }); > > > </script> > > > > > > > > > <div class="demo"> > > > > > > <ul id="sortable"> > > > <li class="ui-state-default"><span class="ui-icon > > > ui-icon-arrowthick-2-n-s"></span>Item 1</li> > > > <li class="ui-state-default"><span class="ui-icon > > > ui-icon-arrowthick-2-n-s"></span>Item 2</li> > > > <li class="ui-state-default"><span class="ui-icon > > > ui-icon-arrowthick-2-n-s"></span>Item 3</li> > > > <li class="ui-state-default"><span class="ui-icon > > > ui-icon-arrowthick-2-n-s"></span>Item 4</li> > > > <li class="ui-state-default"><span class="ui-icon > > > ui-icon-arrowthick-2-n-s"></span>Item 5</li> > > > <li class="ui-state-default"><span class="ui-icon > > > ui-icon-arrowthick-2-n-s"></span>Item 6</li> > > > <li class="ui-state-default"><span class="ui-icon > > > ui-icon-arrowthick-2-n-s"></span>Item 7</li> </ul> > > > > > > </div><!-- End demo --> > > > > > > > > > > > > <div class="demo-description"> > > > <p> > > > Enable a group of DOM elements to be sortable. Click on and > > > drag > an > > > element to a new spot within the list, and the other items > > > will adjust to > > > fit. By default, sortable items share <code>draggable</code> > > > properties. > > > </p> > > > </div><!-- End demo-description --> > > > > > > </html> > > > > > > 2012/2/14 Emmanuel DEMEY-2 [via Tapestry] < [hidden email] > > > <http://user/SendEmail.jtp?type=node&node=5482529&i=3>> > > > > > >> Hi > > >> > > >> You are totally right, Tapestry includes Prototype and > > >> Script.aculo.usJavaScript libraries by default. You can use > > >> JavaScript > > : > > >> - Directly in the template, inside a <script> tag, but it > > >> is not recommended. > > >> - in an exernal file, and import this file in your > > >> template (script tag) or in your Java Class (@Import annotation). > > >> > > >> > > >> Why the "sortable list" does not work with jQuery ? I have just > > >> realized that you jave just copy/past the sample from the jQuery > > >> UI demo website > > >> : > > >> http://jqueryui.com/demos/sortable/#default. So you do not need > > >> Prototype ! > > >> > > >> Even if it is not the best implementation, your sample should > > >> work, if jQUery is loaded in the generated HTML ? Does it ? Any > > >> Javascript errors ? > > >> > > >> Manu > > >> ----------------------------------------------------------------- > > >> -- > > >> -- > > >> To unsubscribe, e-mail: [hidden > > >> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=0> > > >> For additional commands, e-mail: [hidden > > >> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=1> > > >> > > >> > > >> > > >> > > >> Ce message et les pièces jointes sont confidentiels et réservés à > > >> l'usage exclusif de ses destinataires. Il peut également être > > >> protégé par le secret professionnel. Si vous recevez ce message > > >> par erreur, merci d'en > > avertir > > >> immédiatement l'expéditeur et de le détruire. L'intégrité du > > >> message ne pouvant être assurée sur Internet, la responsabilité > > >> d'Atos ne pourra être recherchée quant au contenu de ce message. > > >> Bien que les meilleurs efforts soient faits pour maintenir cette > > >> transmission exempte de tout virus, l'expéditeur ne donne aucune > > >> garantie à cet égard et sa responsabilité ne saurait être > > >> recherchée pour tout dommage résultant d'un virus > > transmis. > > >> > > >> This e-mail and the documents attached are confidential and > > >> intended solely for the addressee; it may also be privileged. If > > >> you receive > > this > > >> e-mail in error, please notify the sender immediately and destroy it. > > As > > >> its integrity cannot be secured on the Internet, the Atos > > >> liability cannot be triggered for the message content. Although > > >> the sender endeavours to maintain a computer virus-free network, > > >> the sender does not warrant > > that > > >> this transmission is virus-free and will not be liable for any > > >> damages resulting from any virus transmitted. > > >> > > >> > > >> ------------------------------ > > >> If you reply to this email, your message will be added to the > > >> discussion > > >> below: > > >> > > >> > > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-exa > > mp les-from-http-jqueryui-com-demos-tp5482269p5482424.html > > >> To unsubscribe from How to use the jQuery Ajax examples from > > >> http://jqueryui.com/demos/, click here< > > > > >> . > > >> NAML< > > http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro > > =m > > acro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.n > > am > > espaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabb > > le > > .view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21na > > bb > > le%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_em > > ai > > l%21nabble%3Aemail.naml> > > > > >> > > > > > > > > > -- > > > View this message in context: > > > > > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-exa > > mp les-from-http-jqueryui-com-demos-tp5482269p5482495.html > > > Sent from the Tapestry - User mailing list archive at Nabble.com. > > > > > > -- > > Thiago H. de Paula Figueiredo > > Independent Java, Apache Tapestry 5 and Hibernate consultant, > > developer, and instructor Owner, Ars Machina Tecnologia da > > Informação Ltda. > > Consultor, desenvolvedor e instrutor em Java, Tapestry e Hibernate > > http://www.arsmachina.com.br > > > > -------------------------------------------------------------------- > > - > > To unsubscribe, e-mail: [hidden > > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=4> > > For additional commands, e-mail: [hidden > > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=5> > > > > > > > > > > Ce message et les pièces jointes sont confidentiels et réservés à > > l'usage exclusif de ses destinataires. Il peut également être > > protégé par le secret professionnel. Si vous recevez ce message par > > erreur, merci d'en avertir immédiatement l'expéditeur et de le détruire. > > L'intégrité du message ne pouvant être assurée sur Internet, la > > responsabilité d'Atos ne pourra être recherchée quant au contenu de > > ce message. Bien que les meilleurs efforts soient faits pour > > maintenir cette transmission exempte de tout virus, l'expéditeur ne > > donne aucune garantie à cet égard et sa responsabilité ne saurait > > être recherchée > pour tout dommage résultant d'un virus transmis. > > > > This e-mail and the documents attached are confidential and intended > > solely for the addressee; it may also be privileged. If you receive > > this e-mail in error, please notify the sender immediately and > > destroy it. As its integrity cannot be secured on the Internet, the > > Atos liability cannot be triggered for the message content. Although > > the sender endeavours to maintain a computer virus-free network, the > > sender does not warrant that this transmission is virus-free and > > will not be liable for any damages resulting from any virus transmitted. > > > > > > ------------------------------ > > If you reply to this email, your message will be added to the > > discussion > > below: > > > > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-exa > > mp les-from-http-jqueryui-com-demos-tp5482269p5482529.html > > To unsubscribe from How to use the jQuery Ajax examples from > > http://jqueryui.com/demos/, click > > here<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp? > > ma > > cro=unsubscribe_by_code&node=5482269&code=YWxleGFuZGVyLnNvbW1lckBnbW > > Fp > > bC5jb218NTQ4MjI2OXwxMDUzMzQxMzM4> > > . > > NAML<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp? > > ma > > cro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.n > > am > > l.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace > > -n > > abble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers > > %2 > > 1nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_insta > > nt > > _email%21nabble%3Aemail.naml> > > > > > -- > View this message in context: > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examp > les-from-http-jqueryui-com-demos-tp5482269p5482535.html > > Sent from the Tapestry - User mailing list archive at Nabble.com. > > > Ce message et les pièces jointes sont confidentiels et réservés à > l'usage exclusif de ses destinataires. Il peut également être protégé > par le secret professionnel. Si vous recevez ce message par erreur, > merci d'en avertir immédiatement l'expéditeur et de le détruire. > L'intégrité du message ne pouvant être assurée sur Internet, la > responsabilité d'Atos ne pourra être recherchée quant au contenu de ce > message. Bien que les meilleurs efforts soient faits pour maintenir > cette transmission exempte de tout virus, l'expéditeur ne donne aucune > garantie à cet égard et sa responsabilité ne saurait être recherchée pour > tout dommage résultant d'un virus transmis. > > This e-mail and the documents attached are confidential and intended > solely for the addressee; it may also be privileged. If you receive > this e-mail in error, please notify the sender immediately and destroy > it. As its integrity cannot be secured on the Internet, the Atos > liability cannot be triggered for the message content. Although the > sender endeavours to maintain a computer virus-free network, the > sender does not warrant that this transmission is virus-free and will > not be liable for any damages resulting from any virus transmitted. > > > ------------------------------ > If you reply to this email, your message will be added to the > discussion > below: > > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examp > les-from-http-jqueryui-com-demos-tp5482269p5482544.html > To unsubscribe from How to use the jQuery Ajax examples from > http://jqueryui.com/demos/, click > here<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?ma > cro=unsubscribe_by_code&node=5482269&code=YWxleGFuZGVyLnNvbW1lckBnbWFp > bC5jb218NTQ4MjI2OXwxMDUzMzQxMzM4> > . > NAML<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?ma > cro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.nam > l.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-n > abble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%2 > 1nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant > _email%21nabble%3Aemail.naml> > -- View this message in context: http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482549.html Sent from the Tapestry - User mailing list archive at Nabble.com. Ce message et les pièces jointes sont confidentiels et réservés à l'usage exclusif de ses destinataires. Il peut également être protégé par le secret professionnel. Si vous recevez ce message par erreur, merci d'en avertir immédiatement l'expéditeur et de le détruire. L'intégrité du message ne pouvant être assurée sur Internet, la responsabilité d'Atos ne pourra être recherchée quant au contenu de ce message. Bien que les meilleurs efforts soient faits pour maintenir cette transmission exempte de tout virus, l'expéditeur ne donne aucune garantie à cet égard et sa responsabilité ne saurait être recherchée pour tout dommage résultant d'un virus transmis. This e-mail and the documents attached are confidential and intended solely for the addressee; it may also be privileged. If you receive this e-mail in error, please notify the sender immediately and destroy it. As its integrity cannot be secured on the Internet, the Atos liability cannot be triggered for the message content. Although the sender endeavours to maintain a computer virus-free network, the sender does not warrant that this transmission is virus-free and will not be liable for any damages resulting from any virus transmitted.
