Range Slide Component

Description

This component allows you create a range slider in a form. A range slider is a slider that has a min and a max value. This components actually creates 2 Tapestry textfields components and enhanced their behaviour by adding a slider. These 2 fields are hidden by default.

Links

The value to be read and updated, the min slider value. This value is passed to the first textfield.

max

true

Object

prop

The value to be read and updated, the max slider value. This value is passed to the second 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='sliderRangeZone').

displayTextField

false

Boolean

prop

false

A boolean indicating whether to display the 2 textfields on the client (default is false).

First example : the range slider

This is a range slider, the values are updated on submit, and the associated textfields are displayed.

The min value is 0 (updated on submit)
The max value is 0 (updated on submit)

<h2>First example : the range slider</h2>
This is a range slider, the values are updated on submit, and the associated textfields are displayed.<br/>
<t:jquery.rangeslider t:min="min" t:max="max" t:params="rangeparams"
t:DisplayTextField="true"/>
<br/>
The min value is ${min} (updated on submit)<br/>
The max value is ${max} (updated on submit)
<br/>