Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
  [Expand]Reporting
  [Expand]Chart Control
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Expand]Site Navigation and Layout
  [Expand]File Management
  [Expand]Multi-Use Site Controls
  [Expand]Scheduler
  [Expand]HTML Editor
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gauges
  [Collapse]Data Editors
   [Expand]Product Information
   [Expand]Common Concepts
   [Collapse]Editor Types
    [Expand]ASPxBinaryImage
    [Expand]ASPxButton
    [Expand]ASPxButtonEdit
    [Expand]ASPxCalendar
    [Expand]ASPxCheckBox
    [Expand]ASPxCheckBoxList
    [Expand]ASPxColorEdit
    [Expand]ASPxComboBox
    [Expand]ASPxDateEdit
    [Expand]ASPxDropDownEdit
    [Expand]ASPxFilterControl
    [Expand]ASPxHyperLink
    [Expand]ASPxImage
    [Expand]ASPxLabel
    [Expand]ASPxListBox
    [Expand]ASPxMemo
    [Expand]ASPxProgressBar
    [Expand]ASPxRadioButton
    [Expand]ASPxRadioButtonList
    [Expand]ASPxSpinEdit
    [Expand]ASPxTextBox
    [Expand]ASPxTimeEdit
    [Expand]ASPxTokenBox
    [Collapse]ASPxTrackBar
      ASPxTrackBar Overview
     [Collapse]Concepts
       Orientation and Direction
      [Expand]Items Mode
       Single and Range Value Selection
       Value Selection
       Scale Settings
       Client-Side API
     [Expand]Visual Elements
     [Expand]Examples
     [Expand]ASPxTrackBar - Animated Images
    [Expand]ASPxValidationSummary
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Client-Side API

The ASPxTrackBar control provides you with a comprehensive client-side API. This API is implemented using JavaScript and is exposed via the ASPxClientTrackBar object. The ASPxClientTrackBar object serves as a client-side equivalent of the ASPxTrackBar control.

ASPxClientTrackBar implements the functionality that allows you to perform the following track bar related actions on the client.

In addition, ASPxClientTrackBar exposes the common client API, which it inherits from its direct ansestor - ASPxClientEdit.

Refer to Client-Side Functionality Overview to learn more about DevExpress client-side model implementation.

 

Expanded Manipulate drag handle positions

Depending upon the selection mode applied, you can use different client methods to obtain or change drag handle positions on the client side.

Expanded Respond to an end-user changing drag handle positions

Each time an end-user manipulates ASPxTrackBar's elements on the client, you can provide a proper and immediate response by handling specific exposed client events. The available client events fall into the following two categories.

  • Selection changing

    You can respond to any selection change made by an end-user and even cancel the user action by using the following events (refer to Value Selection to learn how end-users can change the editor's selection).

    Event Description
    ASPxClientTrackBar.PositionChanging Fires on the client side before a track bar position is changed and allows you to cancel the action.
    ASPxClientTrackBar.PositionChanged Fires after the editor's position has been changed.
  • Handle dragging

    You can independently respond to an end-user being dragged by a drag handle by using the following events.

    Event Description
    ASPxClientTrackBar.TrackStart Occurs on the client-side when an end-user presses a drag handle and moves it.
    ASPxClientTrackBar.Track Occurs on the client-side when an end-user moves a cursor while the drag handle is held down.
    ASPxClientTrackBar.TrackEnd Occurs on the client-side when an end-user releases a drag handle after moving it.

Expanded Obtain track bar item information

If ASPxTrackBar works in an items mode, you can use specific item-related methods on the client. They allow you to obtain the following information.

 

To learn more on how to use ASPxTrackBar's client API, please refer to the following example.

How would you rate this topic?​​​​​​​