Methods

_destroy ()

destroy the range navigator widget

  • html
  • <ej-range-navigator id="RangeNavigator">
    </ej-range-navigator>
    
    var gauge = $("#RangeNavigator").data("ejRangeNavigator");
    gauge._destroy();

    Events

    load

    Fires on load of range navigator.

  • html
  • <ej-range-navigator id="RangeNavigator" load="Load">
    </ej-range-navigator>
    
    <script type="text/javascript">
        function Load(args) {
            // Do Something
        }
    </script>

    loaded

    Fires after range navigator is loaded.

  • html
  • <ej-range-navigator id="RangeNavigator" loaded="Loaded">
    </ej-range-navigator>
    
    <script type="text/javascript">
        function Loaded(args) {
            // Do Something
        }
    </script>

    rangeChanged

    Fires on changing the range of range navigator.

  • html
  • <ej-range-navigator id="RangeNavigator" range-changed="RangeChanged">
    </ej-range-navigator>
    
    <script type="text/javascript">
        function RangeChanged(args) {
            // Do Something
        }
    </script>

    scrollChanged

    Fires on changing the scrollbar position of range navigator.

  • html
  • <ej-range-navigator id="RangeNavigator" scroll-changed="ScrollChanged">
    </ej-range-navigator>
    
    <script type="text/javascript">
        function ScrollChanged(args) {
            // Do Something
        }
    </script>

    scrollStart

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

  • html
  • <ej-range-navigator id="RangeNavigator" scroll-start="ScrollStart">
    </ej-range-navigator>
    
    <script type="text/javascript">
        function ScrollStart(args) {
            // Do Something
        }
    </script>

    selectedRangeStart

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

  • html
  • <ej-range-navigator id="RangeNavigator" selected-range-start="SelectedRangeStart">
    </ej-range-navigator>
    
    <script type="text/javascript">
        function SelectedRangeStart(args) {
            // Do Something
        }
    </script>

    selectedRangeEnd

    Fires when the selection ends in the range navigator

  • html
  • <ej-range-navigator id="RangeNavigator" selected-range-end="SelectedRangeEnd">
    </ej-range-navigator>
    
    <script type="text/javascript">
        function SelectedRangeEnd(args) {
            // Do Something
        }
    </script>

    scrollEnd

    Fires on changes ending the scrollbar position of range navigator.

  • html
  • <ej-range-navigator id="RangeNavigator" scroll-end="ScrollEnd">
    </ej-range-navigator>
    
    <script type="text/javascript">
        function ScrollEnd(args) {
            // Do Something
        }
    </script>