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