Hello!
I would like to implement some of the demos of JQuery. What I did, so far,
is:
1.
adding the dependency
<dependency>
<groupId>org.got5</groupId>
<artifactId>tapestry5-jquery</artifactId>
<version>${tapestry-jquery-release-version}</version>
</dependency>
2. adding the module in AppModule
@SubModule({ExanpeLibraryModule.class, JQueryModule.class})
public class AppModule
3.using the module in my tml
<html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd";
xmlns:j="tapestry-library:jquery">
4. copying the example demo code like:
<div class="demo">
<ul id="sortable">
<li class="ui-state-default">Item 1</li>
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
<li class="ui-state-default">Item 4</li>
<li class="ui-state-default">Item 5</li>
<li class="ui-state-default">Item 6</li>
<li class="ui-state-default">Item 7</li>
</ul>
</div>
<div style="display: none;" 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>
5. additionally, i thought I could suppress prototype, but it has no effect
configuration.add(JQuerySymbolConstants.SUPPRESS_PROTOTYPE, "true");
- the demos are visible, but not interactive. also the GUI elements are
shown correctly (like the orange arrow / so, it seems there is a reference,
but something i am doing wrong...)
--
View this message in context:
http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482269.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
