Skip to main content

dxRangeSlider

Namespace: Wisej.Web.Ext.DevExtreme

Assembly: Wisej.Web.Ext.DevExtreme (4.1.0.0)

The RangeSlider is a widget that allows an end user to choose a range of numeric values.

public class dxRangeSlider : dxBase

Constructors​

Instance member dxRangeSlider()​

Constructs a new instance of the dxRangeSlider class.

Example:

The following example creates a range slider and shows the range selected by the user.

var slider = new dxRangeSlider();
slider.Options.min = 0;
slider.Options.max = 100;
slider.Options.start = 20;
slider.Options.end = 60;
slider.Instance.onValueChanged += new WidgetEventHandler((s, e) =>
{
AlertBox.Show($"From {e.Data.start} to {e.Data.end}");
});
slider.Size = new Size(300, 40);
this.Controls.Add(slider);

Instance member dxRangeSlider(options)​

Constructs a new instance of the dxRangeSlider class.

NameTypeDescription
optionsObjectInitial set of options.

Example:

The following example creates a range slider that moves in steps of five and always shows a tooltip with the current values.

var slider = new dxRangeSlider(new
{
min = 0,
max = 100,
start = 25,
end = 75,
step = 5,
tooltip = new { enabled = true, showMode = "always", position = "bottom" }
});
slider.Size = new Size(300, 60);
this.Controls.Add(slider);

Implements​