[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Chart Control
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Vertical Grid
  [Collapse]Data Editors
   [Expand]Product Information
   [Expand]Common Concepts
     ASPxTrackBar Overview
      Orientation and Direction
     [Expand]Items Mode
      Single and Range Value Selection
      Value Selection
      Scale Settings
      Client-Side API
    [Expand]Visual Elements
    [Expand]ASPxTrackBar - Animated Images
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[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, refer to the following example.

Is this topic helpful?​​​​​​​