Properties Methods Events Config Options Direct Link
Observable
  Component
    BoxComponent
      Slider

Class Ext.Slider

Package:Ext
Defined In:Slider.js
Class:Slider
Extends:BoxComponent
Slider which supports vertical or horizontal orientation, keyboard adjustments, configurable snapping, axis clicking and animation. Can be added as an item to any container. Example usage:
new Ext.Slider({
    renderTo: Ext.getBody(),
    width: 200,
    value: 50,
    increment: 10,
    minValue: 0,
    maxValue: 100
});

Config Options

Config OptionsDefined By
 allowDomMove : Boolean
Whether the component can move the Dom node when rendering (defaults to true).
Component
 animate : Boolean
Turn on or off animation. Defaults to true
Slider
 clickToChange : Boolean
Determines whether or not clicking on the Slider axis will change the slider. Defaults to true
Slider
 disabled : Boolean
Render this component disabled (default is false).
Component
 disabledClass : String
CSS class added to the component when it is disabled (defaults to 'x-item-disabled').
Component
 hidden : Boolean
Render this component hidden (default is false). If true, the hide method will be called internally.
Component
 increment : Number
How many units to change the slider when adjusting by drag and drop. Use this option to enable 'snapping'.
Slider
 maxValue : Number
The maximum value for the Slider. Defaults to 100.
Slider
 minValue : Number
The minimum value for the Slider. Defaults to 0.
Slider
 pageX : Number
The page level x coordinate for this component if contained within a positioning container.
BoxComponent
 pageY : Number
The page level y coordinate for this component if contained within a positioning container.
BoxComponent
 value : Number
The value to initialize the slider with. Defaults to minValue.
Slider
 vertical : Boolean
Orient the Slider vertically rather than horizontally, defaults to false.
Slider
 x : Number
The local x (left) coordinate for this component if contained within a positioning container.
BoxComponent
 y : Number
The local y (top) coordinate for this component if contained within a positioning container.
BoxComponent

Public Properties

PropertyDefined By
 disabled : Boolean
True if this component is disabled. Read-only.
Component
 dragging : boolean
True while the thumb is in a drag operation
Slider
 hidden : Boolean
True if this component is hidden. Read-only.
Component
 initialConfig : Object
This Component's initial configuration specification. Read-only.
Component
 rendered : Boolean
True if this component has been rendered. Read-only.
Component

Public Methods

MethodDefined By

Public Events

EventDefined By