Methods

_destroy ()

destroy the range navigator widget

  • ts
  • destroy(){
         
         //Do something
         this.range.widget.destroy();
    
    }

    Events

    load

    Fires on load of range navigator.

  • ts
  • load(sender){
         
         //Do something
    
    }
  • html
  • <ej-rangenavigator id="events" (load)="load($event)">
    </ej-rangenavigator>

    loaded

    Fires after range navigator is loaded.

  • ts
  • onLoaded(sender){
         
         //Do something
    
    }
  • html
  • <ej-rangenavigator id="events" (loaded)="onLoaded($event)">
    </ej-rangenavigator>

    rangeChanged

    Fires on changing the range of range navigator.

  • ts
  • onRangeChanged(sender){
         
         //Do something
    
    }
  • html
  • <ej-rangenavigator id="events" (rangeChanged)="onRangeChanged($event)">
    </ej-rangenavigator>

    scrollChanged

    Fires on changing the scrollbar position of range navigator.

  • ts
  • onScrollChanged(sender){
         
         //Do something
    
    }
  • html
  • <ej-rangenavigator id="events" (scrollChanged)="onScrollChanged($event)">
    </ej-rangenavigator>

    scrollStart

    Fires on when starting to change the scrollbar position of range navigator.

  • ts
  • onScrollStart(sender){
         
         //Do something
    
    }
  • html
  • <ej-rangenavigator id="events" (scrollStart)="onScrollStart($event)">
    </ej-rangenavigator>

    selectedRangeStart

    Fires on when starting to change the slider position of range navigator.

  • ts
  • onSelectedRangeStart(sender){
         
         //Do something
    
    }
  • html
  • <ej-rangenavigator id="events" (selectedRangeStart)="onSelectedRangeStart($event)">
    </ej-rangenavigator>

    selectedRangeEnd

    Fires when the selection ends in the range navigator

  • ts
  • onSelectedRangeEnd(sender){
         
         //Do something
    
    }
  • html
  • <ej-rangenavigator id="events" (selectedRangeEnd)="onSelectedRangeEnd($event)">
    </ej-rangenavigator>

    scrollEnd

    Fires on changes ending the scrollbar position of range navigator.

  • ts
  • onScrollEnd(sender){
         
         //Do something
    
    }
  • html
  • <ej-rangenavigator id="events" (scrollEnd)="onScrollEnd($event)">
    </ej-rangenavigator>