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
};