New to Telerik UI for ASP.NET AJAX? Start a free 30-day trial

Definition

Namespace:Telerik.Web.UI

Inheritance: Telerik.Web.UI.RadWebControlTelerik.Web.UI.RadSlider

Events

Adds a dataBound event handler for the radslider

JS
add_dataBound
Parameters:handlerFunction

The event handler function to attach

Adds a itemDataBinding event handler for the radslider

JS
add_itemDataBinding
Parameters:handlerFunction

The event handler function to attach

Adds a itemDataBound event handler for the radslider

JS
add_itemDataBound
Parameters:handlerFunction

The event handler function to attach

Adds a itemsCreated event handler for the radslider

JS
add_itemsCreated
Parameters:handlerFunction

The event handler function to attach

Adds a load event handler for the radslider

JS
add_load
Parameters:handlerFunction

The event handler function to attach

Adds a slide event handler for the radslider

JS
add_slide
Parameters:handlerFunction

The event handler function to attach

Adds a slideEnd event handler for the radslider

JS
add_slideEnd
Parameters:handlerFunction

The event handler function to attach

Adds a slideRange event handler for the radslider

JS
add_slideRange
Parameters:handlerFunction

The event handler function to attach

Adds a slideRangeEnd event handler for the radslider

JS
add_slideRangeEnd
Parameters:handlerFunction

The event handler function to attach

Adds a slideRangeStart event handler for the radslider

JS
add_slideRangeStart
Parameters:handlerFunction

The event handler function to attach

Adds a slideStart event handler for the radslider

JS
add_slideStart
Parameters:handlerFunction

The event handler function to attach

Adds a valueChanged event handler for the radslider

JS
add_valueChanged
Parameters:handlerFunction

The event handler function to attach

Adds a valueChanging event handler for the radslider

JS
add_valueChanging
Parameters:handlerFunction

The event handler function to attach

Removes a dataBound event handler from the radslider

JS
remove_dataBound
Parameters:handlerFunction

The event handler function to remove

Removes a itemDataBinding event handler from the radslider

JS
remove_itemDataBinding
Parameters:handlerFunction

The event handler function to remove

Removes a itemDataBound event handler from the radslider

JS
remove_itemDataBound
Parameters:handlerFunction

The event handler function to remove

Removes a itemsCreated event handler from the radslider

JS
remove_itemsCreated
Parameters:handlerFunction

The event handler function to remove

Removes a load event handler from the radslider

JS
remove_load
Parameters:handlerFunction

The event handler function to remove

Removes a slide event handler from the radslider

JS
remove_slide
Parameters:handlerFunction

The event handler function to remove

Removes a slideEnd event handler from the radslider

JS
remove_slideEnd
Parameters:handlerFunction

The event handler function to remove

Removes a slideRange event handler from the radslider

JS
remove_slideRange
Parameters:handlerFunction

The event handler function to remove

Removes a slideRangeEnd event handler from the radslider

JS
remove_slideRangeEnd
Parameters:handlerFunction

The event handler function to remove

Removes a slideRangeStart event handler from the radslider

JS
remove_slideRangeStart
Parameters:handlerFunction

The event handler function to remove

Removes a slideStart event handler from the radslider

JS
remove_slideStart
Parameters:handlerFunction

The event handler function to remove

Removes a valueChanged event handler from the radslider

JS
remove_valueChanged
Parameters:handlerFunction

The event handler function to remove

Removes a valueChanging event handler from the radslider

JS
remove_valueChanging
Parameters:handlerFunction

The event handler function to remove

Methods

Adds a slider item to the slider. Adds only if ItemType="Items". If index not specified, adds the item to the end of the slider

JS
addSliderItem(Object item, Number index): void
Parameters:itemObject

The item object describing the item to add. Should contain a property

indexNumber

The index

Initiates the data binding to a client data source. The data source needs to be set before this function is called.

JS
dataBind(): void

Gets a reference to the HTML element of the currently active drag handle

JS
get_activeHandle(): Object
Returns:

Object

The HTML element of the currently active drag handle

Gets the animation duration in milliseconds

JS
get_animationDuration(): Number
Returns:

Number

The number of miliseconds the animation will last

Gets a reference to the UL element containing the slider items (LI elements)

JS
get_childListElement(): Object
Returns:

Object

The UL element containing the slider items

RadClientDataSource

JS
get_clientDataSource(): void

ClientID

JS
get_clientDataSourceID(): void

Gets the client-side data source object that is data-bound to the slider.

JS
get_dataSource(): void

Gets the array containing the (two) drag handles of the slider control

JS
get_dragHandles(): Array
Returns:

Array

The array containing the

Gets the tooltip for the drag handle

JS
get_dragText(): String
Returns:

String

The tooltip for the drag handle

Gets the bool value indicating whether the slider is enabled

JS
get_enabled(): Boolean
Returns:

Boolean

The bool value indicating whether the slider is enabled or not

Gets the height of the slider

JS
get_height(): Number
Returns:

Number

The height of the slider

Gets the bool value, indicating whether the direction of the slider is reversed

JS
get_isDirectionReversed(): Boolean
Returns:

Boolean

The bool value

Gets the bool value indicating whether the slider has two drag handles (Selection start handle -- Selection end handle). This way the user can select a specific range of items/values

JS
get_isSelectionRangeEnabled(): Boolean
Returns:

Boolean

A value

{ textField: "", valueField: "", toolTipField: "" }

JS
get_itemBinding(): void

Gets an array of all the items of the slider

JS
get_items(): Array
Returns:

Array

The array containing the items of the slider

Gets the [Telerik.Web.UI.SliderItemType] type of the items in the slider control

JS
get_itemType(): Telerik.Web.UI.SliderItemType
Returns:

Telerik.Web.UI.SliderItemType

The type of the items in the slider control

Gets the delta with which the value will change when user clicks on the track

JS
get_largeChange(): Number
Returns:

Number

The delta with which the value will change when the user clicks on the track

Gets the bool value, indicating whether the value of the slider will change while the drag hanle is moving, or when the drag handle is released

JS
get_liveDrag(): Boolean
Returns:

Boolean

The value

Gets the current maximum value that can be selected with slider

JS
get_maximumValue(): Number
Returns:

Number

The current maximum value that can be selected with the slider

Gets the current minimum value that can be selected with slider

JS
get_minimumValue(): Number
Returns:

Number

The current minimum value that can be selected with slider

Gets the current orientation of the slider control - horizontal or vertical

JS
get_orientation(): Telerik.Web.UI.Orientation
Returns:

Telerik.Web.UI.Orientation

The current orienation of the slider control

Gets the currently selected item of the slider

JS
get_selectedItem(): Telerik.Web.UI.RadSliderItem
Returns:

Telerik.Web.UI.RadSliderItem

The currently selected item of the slider

Gets an array of the currently selected items

JS
get_selectedItems(): Array
Returns:

Array

An array of currently selected items

Gets the value of the currently selected item

JS
get_selectedValue(): String
Returns:

String

The value of the currently selected item

Gets the ending value of the range when IsSelectionRangeEnabled is set to true

JS
get_selectionEnd(): Number
Returns:

Number

The ending value of the range

Gets the starting value of the range, when IsSelectionRangeEnabled is set to true

JS
get_selectionStart(): Number
Returns:

Number

The starting value of the range

Gets the bool value indicating whether the decrease handle is displayed

JS
get_showDecreaseHandle(): Boolean
Returns:

Boolean

The bool value indicatiing whether the decrease handle is displayed

Gets the bool value indicating whether the drag handle is displayed

JS
get_showDragHandle(): Boolean
Returns:

Boolean

The bool value indicating whether the drag handle is displayed

Gets the bool value indicating whether the increase handle is displayed

JS
get_showIncreaseHandle(): Boolean
Returns:

Boolean

The bool value indicating whether the increase handle is displayed

Gets the skin name of the slider

JS
get_skin(): String
Returns:

String

The skin name of the slider

Gets the step with which the slider value will change

JS
get_smallChange(): Number
Returns:

Number

The step with which the slider value will change

Gets the bool value indicating whether the mouse wheel will change the value of the slider

JS
get_trackMouseWheel(): Boolean
Returns:

Boolean

The bool value indicating whether the mouse wheel will change the value of the slider

Gets the [Telerik.Web.UI.SliderTrackPosition] position of the track

JS
get_trackPosition(): Telerik.Web.UI.SliderTrackPosition
Returns:

Telerik.Web.UI.SliderTrackPosition

The position of the track

Gets the current value of the slider control

JS
get_value(): Number
Returns:

Number

The current value of the slider

Gets an array of all the visible items of the slider

JS
get_visibleItems(): Array
Returns:

Array

The array containing the visible items of the slider

Gets the width of the slider

JS
get_width(): Number
Returns:

Number

The width of the slider

Removes a slider item to the slider. Removes only if ItemType="Items". If index not specified, removes the item from the end of the slider.

JS
removeSliderItem(Number index): void
Parameters:indexNumber

The index of the item to remove. If missing

Repaints the slider control and forces it to recalculate the size of its elements. Use this method when the control is in an intially hidden element

JS
repaint(): void

Sets an animation duration in milliseconds

JS
set_animationDuration(Number value): void
Parameters:valueNumber

Number of milliseconds

RadClientDataSource

JS
set_clientDataSource(): void

ClientID

JS
set_clientDataSourceID(): void

ItemBinding

JS
set_dataSource(): void

Sets the tooltip for the drag handle

JS
set_dragText(String value): void
Parameters:valueString

The tooltip for the drag handle

Enables/Disables the slider

JS
set_enabled(Boolean value): void
Parameters:valueBoolean

Enable

Sets a height to the slider

JS
set_height(Number value): void
Parameters:valueNumber

The height of the slider to be set

Sets the bool value, indicating whether the direction of the slider is reversed

JS
set_isDirectionReversed(Boolean value): void
Parameters:valueBoolean

The bool value

Sets a value, indicating whether the slider has two drag handles (Selection start handle -- Selection end handle). This way the user can select a specific range of items/values

JS
set_isSelectionRangeEnabled(Boolean value): void
Parameters:valueBoolean

Enable

Sets the delta with which the value will change when user clicks on the track

JS
set_largeChange(Number value): void
Parameters:valueNumber

The delta with which the value will change when the user clicks on the track

Sets the bool value indicating whether the value of the slider will change while the drag hanle is moving, or when the drag handle is released

JS
set_liveDrag(Boolean value): void
Parameters:valueBoolean

The value indicating whether the value of the slider will change while the drag hanle is moving

Sets the current maximum value that can be selected with slider

JS
set_maximumValue(Number value): void
Parameters:valueNumber

The maximum value to be set

Sets the current minimum value that can be selected with slider

JS
set_minimumValue(Number value): void
Parameters:valueNumber

The minimum value to be set

Sets the current orientation of the slider control - horizontal or vertical

JS
set_orientation(Telerik.Web.UI.Orientation value): void
Parameters:valueTelerik.Web.UI.Orientation

The orientaion to be set

Sets the ending value of the range when IsSelectionRangeEnabled is set to true

JS
set_selectionEnd(Number value): void
Parameters:valueNumber

The ending value to be set

Sets the starting value of the range, when IsSelectionRangeEnabled is set to true

JS
set_selectionStart(Number value): void
Parameters:valueNumber

The starting value to be set

Sets a bool value indicating whether the decrease handle is displayed

JS
set_showDecreaseHandle(Boolean value): void
Parameters:valueBoolean

The bool value indicating whether the decrease handle is displayed

Sets a bool value indicating whether the drag handle is displayed

JS
set_showDragHandle(Boolean value): void
Parameters:valueBoolean

The bool value indicating whether the drag handle is displayed

Sets a bool value indicating whether the increase handle is displayed

JS
set_showIncreaseHandle(Boolean value): void
Parameters:valueBoolean

The bool value indicating whether the increase handle is displayed

Sets the step with which the slider value will change

JS
set_smallChange(Number value): void
Parameters:valueNumber

The step with which the slider value will change

Sets a bool value indicating whether the mouse wheel will change the value of the slider

JS
set_trackMouseWheel(Boolean value): void
Parameters:valueBoolean

The bool value indicating whether the mouse wheel will change the value of the slider

Sets the position of the track

JS
set_trackPosition(Telerik.Web.UI.SliderTrackPosition value): void
Parameters:valueTelerik.Web.UI.SliderTrackPosition

The position of the track

Sets the current value of the slider control

JS
set_value(Number value): void
Parameters:valueNumber

The value to be set

Sets a width to the slider

JS
set_width(Number value): void
Parameters:valueNumber

The width of the slider to be set

OnClientValueChanging

JS
setValue(): void
Not finding the help you need?
Contact Support