Methods
_destroy ()
destroy the range navigator widget
destroy(){
//Do something
this.range.widget.destroy();
}Events
load
Fires on load of range navigator.
load(sender){
//Do something
}<ej-rangenavigator id="events" (load)="load($event)">
</ej-rangenavigator>loaded
Fires after range navigator is loaded.
onLoaded(sender){
//Do something
}<ej-rangenavigator id="events" (loaded)="onLoaded($event)">
</ej-rangenavigator>rangeChanged
Fires on changing the range of range navigator.
onRangeChanged(sender){
//Do something
}<ej-rangenavigator id="events" (rangeChanged)="onRangeChanged($event)">
</ej-rangenavigator>scrollChanged
Fires on changing the scrollbar position of range navigator.
onScrollChanged(sender){
//Do something
}<ej-rangenavigator id="events" (scrollChanged)="onScrollChanged($event)">
</ej-rangenavigator>scrollStart
Fires on when starting to change the scrollbar position of range navigator.
onScrollStart(sender){
//Do something
}<ej-rangenavigator id="events" (scrollStart)="onScrollStart($event)">
</ej-rangenavigator>selectedRangeStart
Fires on when starting to change the slider position of range navigator.
onSelectedRangeStart(sender){
//Do something
}<ej-rangenavigator id="events" (selectedRangeStart)="onSelectedRangeStart($event)">
</ej-rangenavigator>selectedRangeEnd
Fires when the selection ends in the range navigator
onSelectedRangeEnd(sender){
//Do something
}<ej-rangenavigator id="events" (selectedRangeEnd)="onSelectedRangeEnd($event)">
</ej-rangenavigator>scrollEnd
Fires on changes ending the scrollbar position of range navigator.
onScrollEnd(sender){
//Do something
}<ej-rangenavigator id="events" (scrollEnd)="onScrollEnd($event)">
</ej-rangenavigator>