Tapestry5-jQuery

Tapestry5 jQuery provides jQuery Components and can fully replace Prototype and Scriptaculous by jQuery

Sortable

Documentation
Example

Sortable Mixin

Description

Sortable mixin, most of the time used with a UL HTML tag. After each sort, an ajax request will be send to the server, with as parameter a comma-separated list containing the ids of the ordered li tag.
When you will use this mixin, you will be able to catch the JQueryEventConstants.SORTABLE event in your Java Class. Your method will have on parameter : the comma-separated list of ids.

Links

http://jqueryui.com/demos/sortable/

Parameters
Name	Required	Java Type	Default Prefix	Default Value	Description
options	false	JSONObject	prop		Options used by the Sortable JavaScript Widget

How to the Sortable Mixin ?

Most of the time, the Sortable mixin will be used with a UL element. In your java class, you will catch the jQueryEventConstants.SORTABLE event, in order to get the new ordered list.

Row 1
Row 2
Row 3
Row 4
Row 5

		
		<ul t:type="any" t:mixins="jquery/sortable">
			<li class="ui-state-default" id="1">Row 1</li>
			<li class="ui-state-default" id="2">Row 2</li>
			<li class="ui-state-default" id="3">Row 3</li>
			<li class="ui-state-default" id="4">Row 4</li>
			<li class="ui-state-default" id="5">Row 5</li>
		</ul>

		
public class DocsSortable {
	
	@OnEvent(JQueryEventConstants.SORTABLE)
	public void onSort(String sorted_value){
		System.out.println(sorted_value);
	}
}

Core Components

jQuery Components

jQuery Mixins

Mecanisms

Sortable Mixin

Description

Links

How to the Sortable Mixin ?