Tapestry5-jQuery

Documentation
Example

Slider Component

Description

This component allows you create a slider in a form. A range slider is a slider that is mapped to a property value. This components actually creates a Tapestry textfield component and enhanced its behaviour by adding a slider. This field is are hidden by default.

Links

http://jqueryui.com/demos/slider/

Parameters
Name	Required	Java Type	Default Prefix	Default Value	Description
value	true	Object	prop		The value to be read and updated. This value is passed to the textfield.
params	false	JSONObject	prop		The slider parameters (please refer to jquery-ui documentation)
zone	false	String	literal		The zone to update when changes occure on the slider. An 'action' event is triggered on the server. You can catch it on your page with @OnEvent(value=EventConstants.ACTION, component='sliderZone').
displayTextField	false	Boolean	prop	false	A boolean indicating whether to display the textfield on the client (default is false).

First example : the simple slider

This is a simple slider, the value is updated on submit, associated textfield is hidden

The value is 0 (updated on submit)

		
	<h2>First example : the simple slider</h2>
	This is a simple slider, the value is updated on submit, associated textfield is hidden<br/>
	<t:jquery.slider t:value="val" t:params="params"/>
	<br/>
	The value is ${val} (updated on submit)
	<br/>

		
@Property
@Persist
private int val;

@Property
private JSONObject params;

@OnEvent(EventConstants.ACTIVATE)
public void initSlider(){
	if(min==0 && max==0) {
		max=150;
		min=10;
	}
	params=new JSONObject();
	params.put("value", val);
}


/*
 * Second example : the simple slider updating a zone

Second example : the simple slider, that updates a zone

		
	<h2>Second example : the simple slider, that updates a zone</h2>
	<t:jquery.slider t:value="slideZone" t:params="paramsZone" t:zone="myZone" 
			t:id="sliderZone" />
	<br/>
	<t:zone t:id="myZone" id="myZone">
		${slideZone}
	</t:zone>

		
@Property
private JSONObject paramsZone;

@OnEvent(EventConstants.ACTIVATE)
public void initSliderZone(){
	paramsZone=new JSONObject();
	paramsZone.put("value", slideZone);
}

@Component
private Zone myZone;

@OnEvent(value=EventConstants.ACTION, component="sliderZone")
public Object returnZone(){
	String input = request.getParameter("slider");
	slideZone=Integer.parseInt(input);
	return myZone.getBody();
}
	

	
}

Core Components

jQuery Components

jQuery Mixins

Mecanisms

Slider Component

Description

Links

First example : the simple slider

Second example : the simple slider, that updates a zone