jstree inline HTML demo

by Ivan Bozhanov

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jstree/3.0.4/themes/default/style.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jstree/3.0.4/jstree.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<div id="container"></div>

JavaScript

$('#container').jstree({
    'core' : {
      'data' : [
          { 
              "text" : "Root node", 
              "state" : {"opened" : true }, 
              "children" : [
                  { "text" : "Child node 1", "state" : { "selected" : true }, "icon" : "glyphicon glyphicon-flash" },
                  { "text" : "Child node 2", "state" : { "disabled" : true } }
              ]
        }
      ]
    }
  });