Clear Up
SharpKit Reference

Ext.slider Namespace

Download SDK: SharpKit.ExtJs.zip

Classes

Name Description
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.

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.

  
    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

NOTE This is a private utility class for internal use by the framework. Don't rely on its existence.

Represents a single thumb element on a Slider. This would not usually be created manually and would instead be created internally by an Multi slider.

ThumbConfig
ThumbEvents
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.

  
    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:

  
    Ext.create('Ext.slider.Single', {
            width: 214,
            minValue: 0,
            maxValue: 100,
            useTips: true,
            tipText: function(thumb){
            return Ext.String.format('**{0}% complete**', thumb.value);
            },
            renderTo: Ext.getBody()
            });
            
TipConfig
TipEvents
© Copyright 2005-2011 SharpKit. All rights reserved.