behavior

Specifies the RangeSelector's behavior options.

Type: Object

Show Example:
jQuery

In this example, a number of options belonging to the behavior configuration object are changed. Particularly, the snapToTicks option is set to 'false', so the RangeSelector's sliders do not dock to the scale ticks. These sliders cannot swap their places as the allowSlidersSwap option is also set to 'false'. In addition, widget animation is disabled by setting the animationEnabled option to 'false'.


                                    

                                    

allowSlidersSwap

Indicates whether or not you can swap sliders.

Type: Boolean
Default Value: true

When this property is set to true, you can move a slider to the required scale value by crossing over the other slider. When this property is set to false, you can only move a slider to the other slider's position.

Show Example:
jQuery

Toggle the check box to switch between the values of the allowSlidersSwap option. To see the effect, pull a slider through the other slider.


                                    

                                    

animationEnabled

Indicates whether or not animation is enabled.

Type: Boolean
Default Value: true

To make a selected range and chart series move smoothly when required, enable animation by setting the animationEnabled property to true.

Show Example:
jQuery

In this example, widget animation is disabled using the animationEnabled option. You can use the moveSelectedRangeByClick feature to see the difference.


                                    

                                    

callSelectedRangeChanged

Deprecated

Use the callValueChanged option instead.

Specifies when to call the onSelectedRangeChanged function.

Type: String
Default Value: 'onMovingComplete'
Accepted Values: 'onMovingComplete' | 'onMoving'

When configuring the widget using ASP.NET MVC Wrappers, specify this option using the ValueChangedCallMode enum. This enum accepts the following values: OnMoving and OnMovingComplete.

callValueChanged

Specifies when to call the onValueChanged function.

Type: String
Default Value: 'onMovingComplete'
Accepted Values: 'onMovingComplete' | 'onMoving'
See Also
Show Example:
jQuery

In this example, you can change the callValueChanged option using the drop-down menu below. When this option is set to 'onMovingComplete', the function assigned to the onValueChanged field will be called after you complete moving the sliders. When the callValueChanged option is set to 'onMoving', this function will be called upon every move of the sliders regardless of its completion.


                                    

                                    

manualRangeSelectionEnabled

Indicates whether or not an end user can specify the range using a mouse, without the use of sliders.

Type: Boolean
Default Value: true

When this property is set to true, you can select the desired range using a mouse selection, and the sliders will be positioned at the start and end points of your selection.

Show Example:
jQuery

Toggle the check box to change the manualRangeSelectionEnabled option. If this option is set to 'true', you can select a range without the use of sliders. To do this, press the left mouse button at one end of the required range and release it at another.


                                    

                                    

moveSelectedRangeByClick

Indicates whether or not an end user can shift the selected range to the required location on a scale by clicking.

Type: Boolean
Default Value: true

When this property is set to true, you can click anywhere on an unselected area and the currently selected range will shift to the position that was clicked.

Show Example:
jQuery

Toggle the check box to change the moveSelectedRangeByClick option. If this option is set to 'true', you can move the selected range by clicking it. Select a range and click the unselected area.


                                    

                                    

snapToTicks

Indicates whether to snap a slider to ticks.

Type: Boolean
Default Value: true

When this property is set to true, the slider docks to the nearest tick. The slider marker always displays the value of the nearest tick.

When this property is set to false, the slider will stay in the position in which it was dropped. The slider marker always displays the current scale value.

Show Example:
jQuery

Toggle the check box to change the snapToTicks option. Move the sliders to see the difference.