Skip to main content

dxRangeSelector

Namespace: Wisej.Web.Ext.DevExtreme

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

The RangeSelector is a widget that allows a user to select a range of values on a scale.

public class dxRangeSelector : dxBase

Constructors​

Instance member dxRangeSelector()​

Constructs a new instance of the dxRangeSelector class.

Example:

The following example creates a range selector for a price range and sets the initial selection.

var selector = new dxRangeSelector();
selector.Options.scale = new { startValue = 0, endValue = 1000, tickInterval = 100 };
selector.Options.value = new[] { 200, 600 };
selector.Options.title = "Price range";
selector.Size = new Size(500, 160);
this.Controls.Add(selector);

Instance member dxRangeSelector(options)​

Constructs a new instance of the dxRangeSelector class.

NameTypeDescription
optionsObjectInitial set of options.

Example:

The following example creates a range selector that shows a chart in the background and formats the slider markers as currency.

var selector = new dxRangeSelector(new
{
dataSource = prices,
chart = new
{
series = new { argumentField = "price", valueField = "count", type = "area" }
},
scale = new { tickInterval = 50 },
sliderMarker = new { format = "currency" }
});
selector.Size = new Size(500, 200);
this.Controls.Add(selector);

Implements​