Tab
A newer version of this page is available. Switch to the current version.

ASPxTrackBar Class

A slider editor.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v18.2.dll

Declaration

public class ASPxTrackBar :
    ASPxEdit,
    IEditDataHelperOwner,
    IValueTypeHolder,
    IControlDesigner
Public Class ASPxTrackBar
    Inherits ASPxEdit
    Implements IEditDataHelperOwner,
               IValueTypeHolder,
               IControlDesigner

Remarks

ASPxTrackBar is a slider control that provides end-users with fast and easy visual data selection capabilities. End-users can select a value within the ASPxTrackBar by positioning a drag handle. The minimum distance the drag handle can be moved is determined via the ASPxTrackBar.Step property.

By default, a track bar is a slider with scale range from 0 up to 100. You can change limits of the range of values by the ASPxTrackBar.MinValue and ASPxTrackBar.MaxValue properties.

You can populate the ASPxTrackBar.Items collection to create custom track bar items (TrackBarItem). You can specify an item's display text (TrackBarItem.Text), value (TrackBarItem.Value), and tooltip (TrackBarItem.ToolTip).

Additionally the ASPxTrackBar control can be bound to a data source by using the ASPxTrackBar.DataSource or ASPxTrackBar.DataSourceID property. You can specify which data source fields the item information (text, value, and tooltip) should be retrieved from. In this case, the Items collection is not in effect.

The current position of the drag handle is specified via the ASPxTrackBar.Position property. If the ASPxTrackBar.AllowRangeSelection property is set to true, ASPxTrackBar displays two drag handles to support the value range selection. The position of the main and secondary drag handles is specified via the ASPxTrackBar.PositionStart and ASPxTrackBar.PositionEnd properties respectively.

The appearance and functionality of the ASPxTrackBar control can be customized in different ways:

TrackBar_Over

NOTE

The client-side equivalent of this editor control is represented by the ASPxClientTrackBar object. The editor's client-side API is enabled if the ASPxEditBase.EnableClientSideAPI property is set to true, or the ASPxEditBase.ClientInstanceName property is defined, or any client event is handled. Available client events can be accessed via the ASPxTrackBar.ClientSideEvents property.

See Also