Fancytree API

      $("#tree").fancytree("getRootNode").visit(function(node){
        node.setExpanded(true);
      });
    

      $("#tree").fancytree("getRootNode").visit(function(node){
        node.setExpanded(false);
      });
    

      $("#tree").fancytree("getRootNode").visit(function(node){
        node.toggleExpanded();
      });
    

      var node = $("#tree").fancytree("getActiveNode");
      if( node ){
        alert("Currently active: " + node.title);
      }else{
        alert("No active node.");
      }
    

      // Convert the whole tree into an dictionary
      var tree = $("#tree").fancytree("getTree");
      var d = tree.toDict(true);
      alert(JSON.stringify(d));
    

      $("#tree").fancytree("getTree").activateKey("id4.3.2");
      // also possible:
//                $("#tree").fancytree("getTree").getNodeByKey("id4.3.2").setActive();
    

      var node = $("#tree").fancytree("getActiveNode");
      if( !node ) return;
      node.setTitle(node.title + ", " + new Date());
      // this is a shortcut for
      // node.fromDict({title: data.node.title + new Date()});
    

      var node = $("#tree").fancytree("getRootNode");
      node.sortChildren(null, true);
    

      var node = $("#tree").fancytree("getActiveNode");
      // Custom compare function (optional) that sorts case insensitive
      var cmp = function(a, b) {
        a = a.title.toLowerCase();
        b = b.title.toLowerCase();
        return a > b ? 1 : a < b ? -1 : 0;
      };
      node.sortChildren(cmp, false);
    

      // Sample: add an hierarchic branch using code.
      // This is how we would add tree nodes programatically
      var rootNode = $("#tree").fancytree("getRootNode");
      var childNode = rootNode.addChildren({
        title: "Programatically addded nodes",
        tooltip: "This folder and all child nodes were added programmatically.",
        folder: true
      });
      childNode.addChildren({
        title: "Document using a custom icon",
        icon: "customdoc1.gif"
      });
    

      var tree = $("#tree").fancytree("getTree"),
        node = tree.getActiveNode(),
        newData = {title: "New Node"},
        newSibling = node.appendSibling(newData);
    

      // Sample: add an hierarchic branch using an array
      var obj = [
        { title: "Lazy node 1", lazy: true },
        { title: "Lazy node 2", lazy: true },
        { title: "Folder node 3", folder: true,
          children: [
            { title: "node 3.1" },
            { title: "node 3.2",
              children: [
                { title: "node 3.2.1" },
                { title: "node 3.2.2",
                  children: [
                    { title: "node 3.2.2.1" }
                  ]
                }
              ]
            }
          ]
        }
      ];
      $("#tree").fancytree("getRootNode").addChildren(obj);
    

      var node = $("#tree").fancytree("getActiveNode");
      if( !node ) return;
      // Set node data and - optionally - replace children
      node.fromDict({
        title: node.title + new Date(),
        children: [{title: "t1"}, {title: "t2"}]
      });
    

      // Convert active node (and descendants) to a dictionary and store
      // in
      var node = $("#tree").fancytree("getActiveNode");
      var d = node.toDict(true, function(dict){
        // Remove keys, so they will be re-generated when this dict is
        // passed to addChildren()
        delete dict.key;
      });
      // Store in a globael variable
      CLIPBOARD = d;
      alert("CLIPBOARD = " + JSON.stringify(d));
    

      var node = $("#tree").fancytree("getActiveNode");
      if( !node ) return;
      // Set node data and - optionally - replace children
      node.fromDict(CLIPBOARD);
    

      var tree = $("#tree").fancytree("getTree"),
        selNodes = tree.getSelectedNodes();

      selNodes.forEach(function(node) {
        while( node.hasChildren() ) {
          node.getFirstChild().moveTo(node.parent, "child");
        }
        node.remove();
      });