Fancytree - Init from object array

This sample includes all options (with their default values) to allow playing with them.

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/mar10/fancytree@2/dist/skin-win8/ui.fancytree.min.css">
<script src="https://cdn.jsdelivr.net/gh/mar10/fancytree@2/dist/jquery.fancytree-all-deps.min.js"></script>
<div id="tree"></div>
<div id="statusLine">-</div>
<p>
    <button id="button1">Select item2</button>
</p>

JavaScript

$(function(){
    $("#tree").fancytree({
    		extensions: ["dnd5"],
        checkbox: true,
//        selectMode: 3,
        source: [
            {title: "Node 1"},
            {title: "Node 2", key: "id2"},
            {title: "Folder 3", folder: true, children: [
                {title: "Node 3.1"},
                {title: "Node 3.2", key: "id3.2"}
            ]},
            {title: "Folder 2", folder: true}
        ],
        dnd5: {
        	dragStart: function(node, data) {
          	return true;
          }
        },
        activate: function(event, data){
            $("#statusLine").text("Active node: " + data.node);
        }
    });
    
    // Activate a node, on button click
    $("#button1").click(function(){
        var tree = $("#tree").fancytree("getTree"),
            node2 = tree.getNodeByKey("id3.2");
        node2.visitParents(function(n){
        	n.setSelected(true);
        }, true);
    });
});