|
|
Ext.slider Namespace
Download SDK: SharpKit.ExtJs.zip
Classes
|
Multi
|
Slider which supports vertical or horizontal orientation, keyboard adjustments, configurable snapping, axis
clicking and animation. Can be added as an item to any container. In addition,
Example usage:
Sliders can be created with more than one thumb handle by passing an array of values instead of a single one:
Ext.create('Ext.slider.Multi', {
width: 200,
values: [25, 50, 75],
increment: 5,
minValue: 0,
maxValue: 100,
//this defaults to true, setting to false allows the thumbs to pass each other
constrainThumbs: false,
renderTo: Ext.getBody()
});
|
|
MultiConfig
|
|
|
MultiEvents
|
|
|
Single
|
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: Ext.create('Ext.slider.Single', {
width: 200,
value: 50,
increment: 10,
minValue: 0,
maxValue: 100,
renderTo: Ext.getBody()
});
The class Ext.slider.Single is aliased to Ext.Slider for backwards compatibility.
|
|
SingleConfig
|
|
|
SingleEvents
|
|
|
Thumb
|
|
|
Tip
|
Simple plugin for using an Ext.tip.Tip with a slider to show the slider value. In general this
class is not created directly, instead pass the Ext.slider.Multi.useTips and
Ext.slider.Multi.tipText configuration options to the slider directly.
Example usage: Ext.create('Ext.slider.Single', {
width: 214,
minValue: 0,
maxValue: 100,
useTips: true,
renderTo: Ext.getBody()
});
Optionally provide your own tip text by passing tipText: new Ext.slider.Single({
width: 214,
minValue: 0,
maxValue: 100,
useTips: true,
tipText: function(thumb){
return Ext.String.format('{0}% complete', thumb.value);
}
});
|
|
TipConfig
|
|
|
TipEvents
|
|
|