Methods

refresh()

Method to reload treemap with updated values.

HTML

<div id="tree"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.TreeMap id="default"></EJ.TreeMap>,
	document.getElementById('map')
);

function TreeTreeMapMethod(){
    var treeObj = $("#default").data("ejTreeMap");
    treeObj.refresh();
};

Events

treeMapItemSelected

Triggers on treemap item selected.

HTML

<div id="tree"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.TreeMap id="default" treeMapItemSelected = {TreeMapItemSelected}></EJ.TreeMap>,
	document.getElementById('tree')
);

function TreeMapItemSelected(){
   // Do Something
};

drillStarted

Triggers when drilldown is started

HTML

<div id="tree"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.TreeMap id="default" drillStarted = {DrillStarted}></EJ.TreeMap>,
	document.getElementById('tree')
);

function DrillStarted(){
    // Do Something
};

drillDownItemSelected

Triggers on treemap drilldown item selected.

HTML

<div id="tree"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.TreeMap id="default" drillDownItemSelected = {DrillDownItemSelected}></EJ.TreeMap>,
	document.getElementById('tree')
);

function DrillDownItemSelected(){
   // Do Something
};

headerTemplateRendering

Triggers before rendering the treemap drilldown header template

HTML

<div id="tree"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.TreeMap id="default" headerTemplateRendering = {HeaderTemplateRendering}></EJ.TreeMap>,
	document.getElementById('tree')
);

function HeaderTemplateRendering(){
    // Do Something
};

refreshed

Triggers after refreshing the treemap items.

HTML

<div id="tree"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.TreeMap id="default" refreshed = {Refreshed}></EJ.TreeMap>,
	document.getElementById('tree')
);

function Refreshed(){
   // Do Something
};

treeMapGroupSelected

Triggers when the group selection is performed on treemap items.

HTML

<div id="tree"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.TreeMap id="default" treeMapGroupSelected = {TreeMapGroupSelected}></EJ.TreeMap>,
	document.getElementById('tree')
);

function TreeMapGroupSelected(){
    // Do Something
};