jstree metadata value

by Ea Bangalore

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
<div id="jstree">
</div>

JavaScript

$(function() {
  $('#jstree').jstree({
    'core': {
      'data': [  {
                    "text" : "A node",
                    "metadata" : { id : 23 },
                },
               {
                    "text" : "A node",
                    "metadata" : { id : 24 },
                },
                
                {
                    "text" : "Long format demo",
                    "metadata" : { id : 29 },
                },
      ]
    }
  });

  $('#jstree').bind('loaded.jstree', function() {
    var selectedNodeId = localStorage.getItem('selectedNodeId');
    $('#jstree').jstree(true).select_node(selectedNodeId);
  });
});


$("#jstree").bind("select_node.jstree", function(e, data) {
  localStorage.setItem('selectedNodeId', data.node.id);
         //var parent = data.inst._get_parent();
       
       console.log('data..........',data);
       
              //var parent = data.instance._get_parent();
            console.log(data.instance.get_json(data.node.id));
            
       var node = $('#jstree').jstree(true).get_node(data.node.id);
       
       console.log('node.......',node.original);

            
    

});