Properties Methods Events Config Options Direct Link
Observable
  Component
    BoxComponent
      MultiSlider

Class Ext.slider.MultiSlider

Package:Ext.slider
Defined In:Slider.js
Class:MultiSlider
Subclasses:SingleSlider
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
});
Sliders can be created with more than one thumb handle by passing an array of values instead of a single one:
new Ext.Slider({
    renderTo: Ext.getBody(),
    width: 200,
    values: [25, 50, 75],
    minValue: 0,
    maxValue: 100,

    //this defaults to true, setting to false allows the thumbs to pass each other
    constrainThumbs: false
});

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
MultiSlider
 clickToChange : Boolean
Determines whether or not clicking on the Slider axis will change the slider. Defaults to true
MultiSlider
 constrainThumbs : Boolean
True to disallow thumbs from overlapping one another. Defaults to true
MultiSlider
 data : Mixed
The initial set of data to apply to the tpl to update the content area of the Component.
Component
 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'.
MultiSlider
 maxValue : Number
The maximum value for the Slider. Defaults to 100.
MultiSlider
 minValue : Number
The minimum value for the Slider. Defaults to 0.
MultiSlider
 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.
MultiSlider
 vertical : Boolean
Orient the Slider vertically rather than horizontally, defaults to false.
MultiSlider
 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
MultiSlider
 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
 thumbs : Array Array containing references to each thumb
MultiSlider
 values : Array Array of values to initalize the thumbs with
MultiSlider

Public Methods

MethodDefined By

Public Events

EventDefined By