jstree inline HTML demo

by Ivan Bozhanov

HTML

<script src="https://static.jstree.com/latest/assets/dist/jstree.min.js"></script>
<link rel="stylesheet" href="https://static.jstree.com/latest/assets/dist/themes/default/style.min.css">
<div id="container"></div>
<div id="log"></div>

JavaScript

$('#container').jstree({
    'core' : {
        'data' : [
            {"id" : 1, "text" : "Node 1"},
            {"id" : 2, "text" : "Node 2"},
        ]
    }
});
$('#container').on("changed.jstree", function (e, data) {
    console.log("The selected nodes are:");
    console.log(data.selected);
});

console = {
    log : function (m) {
        $("#log").append("<br/>" + m.toString());
    }
};