/**
* @class Ext.slider.Single
* @extends Ext.slider.MultiSlider
* 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.Single({
renderTo: Ext.getBody(),
width: 200,
value: 50,
increment: 10,
minValue: 0,
maxValue: 100
});
* The class Ext.slider.Single is aliased to Ext.Slider for backwards compatibility.
*/
Ext.define('Ext.slider.Single', {
extend: 'Ext.slider.Multi',
alias: ['widget.slider', 'widget.sliderfield'],
alternateClassName: ['Ext.Slider', 'Ext.form.SliderField'],
constructor: function(config) {
config = config || {};
Ext.applyIf(config, {
values: [config.value || 0]
});
Ext.slider.Single.superclass.constructor.call(this, config);
},
/**
* Returns the current value of the slider
* @return {Number} The current value of the slider
*/
getValue: function() {
//just returns the value of the first thumb, which should be the only one in a single slider
return Ext.slider.Single.superclass.getValue.call(this, 0);
},
/**
* Programmatically sets the value of the Slider. Ensures that the value is constrained within
* the minValue and maxValue.
* @param {Number} value The value to set the slider to. (This will be constrained within minValue and maxValue)
* @param {Boolean} animate Turn on or off animation, defaults to true
*/
setValue: function(value, animate) {
var args = Ext.toArray(arguments),
len = args.length;
//this is to maintain backwards compatiblity for sliders with only one thunb. Usually you must pass the thumb
//index to setValue, but if we only have one thumb we inject the index here first if given the multi-slider
//signature without the required index. The index will always be 0 for a single slider
if (len == 1 || (len <= 3 && typeof arguments[1] != 'number')) {
args.unshift(0);
}
return Ext.slider.Single.superclass.setValue.apply(this, args);
},
// private
getNearest : function(){
// Since there's only 1 thumb, it's always the nearest
return this.thumbs[0];
}
});