YouTip LogoYouTip

Plugins Form Slider

# jQuery EasyUI Form Plugin - Slider * * jQuery EasyUI Plugins](#) * * * Override defaults with $.fn.slider.defaults. The slider allows the user to choose a numeric value from a finite range. When the slider control is moved along the track, a tooltip will display the current value. Users can customize the slider by setting its properties. !(#) ## Dependencies * draggable ## Usage When used as a form field, create a slider from an tag. Creating a slider from a
is also allowed, but the 'value' property is invalid.
Programmatically create a slider.
$('#ss').slider({ mode: 'v', tipFormatter: function(value){return value + '%'; }}); ## Properties | Name | Type | Description | Default | | :--- | :--- | :--- | :--- | | width | number | The width of the slider. | auto | | height | number | The height of the slider. | auto | | mode | string | Indicates the type of slider. Possible values: 'h' (horizontal), 'v' (vertical). | h | | reversed | boolean | When set to true, the minimum and maximum values will be swapped. This property is available since version 1.3.2. | false | | showTip | boolean | Defines whether to show the value tooltip. | false | | disabled | boolean | Defines whether to disable the slider. | false | | value | number | The default value. | 0 | | min | number | The minimum allowed value. | 0 | | max | number | The maximum allowed value. | 100 | | step | number | The value to increase or decrease by. | 1 | | rule | array | Displays labels next to the slider, '|' β€” shows a line for the value. | [] | | tipFormatter | function | A function to format the slider value. Returns the string value to be displayed in the tooltip. | | ## Events | Name | Parameters | Description | | :--- | :--- | :--- | | onChange | newValue, oldValue | Fires when the value of the text field changes. | | onSlideStart | value | Fires when the slider starts to be dragged. | | onSlideEnd | value | Fires when the slider stops being dragged. | | onComplete | value | Fires when the slider value is changed by the user, either by dragging the slider or clicking on the slider. This event is available since version 1.3.4. | ## Methods | Name | Parameters | Description | | :--- | :--- | :--- |
← Plugins Window WindowPlugins Form Timespinner β†’