| Wiki Markup |
|---|
{float:right|background=#eee}
{contentbylabel:title=Related Articles|showLabels=false|showSpace=false|space=@self|labels=javascript,ajax}
{float} |
Tapestry provides easy-to-use support for Ajax, the technique of using JavaScript to dynamically updating parts of a web page with content from the server without redrawing the whole page. With Tapestry, you can do simple Ajax updates without having to write any JavaScript code at all.
| Div |
|---|
| style | float:right |
|---|
| title | Related Articles |
|---|
| class | aui-label |
|---|
|
| Content by Label |
|---|
| showLabels | false |
|---|
| showSpace | false |
|---|
| title | Related Articles |
|---|
| cql | label in ("ajax","javascript") and space = currentSpace() |
|---|
|
|
Ajax support is included in many built-in components and component mixins via the zone parameter.
...
Event Handler Return Types
| Wiki Markup |
|---|
{float:right|background=#eee|padding=0 1em}
*JumpStart Demo:*
[AJAX ActionLink|http://jumpstart.doublenegative.com.au/jumpstart/examples/ajax/actionlink]
{float} |
In a traditional request, the return value of an event handler method is used to determine which page will render a
complete response, and a
redirect is sent to the client to render the new page (as a new request).
...
| Code Block |
|---|
|
@Inject
private Request request;
@InjectComponent
private Zone myZone;
...
Object onClickFromSomeLink()
{
// return either the zone body (ajax) or whole page (non-ajax)
return request.isXHR() ? myZone.getBody() : null;
}
|
Multiple Zone Updates
| Wiki Markup |
|---|
{float:right|background=#eee|padding=0 1em}
*JumpStart Demo:*
[AJAX Multiple Zone Update|http://jumpstart.doublenegative.com.au/jumpstart/examples/ajax/multiplezoneupdate]
{float} |
An event handler often needs to update multiple zones on the client side. To accomplish this, use an
AjaxResponseRenderer, indicating the zones to update. You must know the client-side id for each zone to update (the best way for this is to lock down the zone's id using the id parameter of the Zone component).
...
Autocomplete Mixin
| Wiki Markup |
|---|
{float:right|background=#eee|padding=0 1em}
*JumpStart Demo:*
[Autocomplete Mixin|http://jumpstart.doublenegative.com.au/jumpstart/examples/ajax/autocompletemixin]
{float} |
The
Autocomplete mixin exists to allow a text field to query the server for completions for a partially entered phrase. It is often used in situations where the field exists to select a single value from a large set, too large to successfully download to the client as a drop down list; for example, when the number of values to select from is numbered in the thousands.
...