Methods

_destroy ()

destroy the range navigator widget

  • html
  • <div id="range"></div>
  • javascript
  • ReactDOM.render(
        <EJ.RangeNavigator id="default"></EJ.RangeNavigator>,
    	document.getElementById('range')
    );
    
    function RangeNavigatorMethod(){
        var rangeObj = $("#default").data("ejRangeNavigator");
        rangeObj.destroy();
    };

    Events

    load

    Fires on load of range navigator.

  • html
  • <div id="range"></div>
  • javascript
  • ReactDOM.render(
        <EJ.RangeNavigator id="default" load = {Load}></EJ.RangeNavigator>,
    	document.getElementById('range')
    );
    
    function Load(){
        // Do Something
    };

    loaded

    Fires after range navigator is loaded.

  • html
  • <div id="range"></div>
  • javascript
  • ReactDOM.render(
        <EJ.RangeNavigator id="default" loaded = {Loaded}></EJ.RangeNavigator>,
    	document.getElementById('range')
    );
    
    function Loaded(){
        // Do Something
    };

    rangeChanged

    Fires on changing the range of range navigator.

  • html
  • <div id="range"></div>
  • javascript
  • ReactDOM.render(
        <EJ.RangeNavigator id="default" rangeChanged = {RangeChanged}></EJ.RangeNavigator>,
    	document.getElementById('range')
    );
    
    function RangeChanged(){
        // Do Something
    };

    scrollChanged

    Fires on changing the scrollbar position of range navigator.

  • html
  • <div id="range"></div>
  • javascript
  • ReactDOM.render(
        <EJ.RangeNavigator id="default" scrollChanged = {ScrollChanged}></EJ.RangeNavigator>,
    	document.getElementById('range')
    );
    
    function ScrollChanged(){
        // Do Something
    };

    scrollStart

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

  • html
  • <div id="range"></div>
  • javascript
  • ReactDOM.render(
        <EJ.RangeNavigator id="default" scrollStart = {ScrollStart}></EJ.RangeNavigator>,
    	document.getElementById('range')
    );
    
    function ScrollStart(){
       // Do Something
    };

    selectedRangeStart

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

  • html
  • <div id="range"></div>
  • javascript
  • ReactDOM.render(
        <EJ.RangeNavigator id="default" selectedRangeStart = {SelectedRangeStart}></EJ.RangeNavigator>,
    	document.getElementById('range')
    );
    
    function SelectedRangeStart(){
        // Do Something
    };

    selectedRangeEnd

    Fires when the selection ends in the range navigator

  • html
  • <div id="range"></div>
  • javascript
  • ReactDOM.render(
        <EJ.RangeNavigator id="default" selectedRangeEnd = {SelectedRangeEnd}></EJ.RangeNavigator>,
    	document.getElementById('range')
    );
    
    function SelectedRangeEnd(){
        // Do Something
    };

    scrollEnd

    Fires on changes ending the scrollbar position of range navigator.

  • html
  • <div id="range"></div>
  • javascript
  • ReactDOM.render(
        <EJ.RangeNavigator id="default" scrollEnd = "ScrollEnd"></EJ.RangeNavigator>,
    	document.getElementById('range')
    );
    
    function ScrollEnd(){
        // Do Something
    };