Created type definitions for jquery.fancytree.

jquery.fancytree/jquery.fancytree-tests.ts

@@ -0,0 +1,95 @@
+///<reference path="jquery.fancytree.d.ts" />
+
+$("#tree").fancytree({
+	source: [
+		{ title: "Node 1", key: "1" },
+		{
+			title: "Folder 2", key: "2", folder: true, children: [
+				{ title: "Node 2.1", key: "3" },
+				{ title: "Node 2.2", key: "4" },
+				{
+					foo: "bar",
+					baz: 17,
+					children: [
+						{ title: "Node 1", key: "1" },
+						{
+							title: "Folder 2", key: "2", folder: true, children: [
+							{ title: "Node 2.1", key: "3" },
+							{ title: "Node 2.2", key: "4" }
+						]
+						}
+					]
+				}
+			]
+		}
+	],
+	click: (ev: JQueryEventObject, node: Fancytree.EventData) => {
+		return true;
+	},
+	checkbox: true,
+	expand: () => {
+		console.log("expanded");
+	},
+	activate: function (event, data) {
+		// A node was activated: display its title:
+		var node = data.node;
+		console.log(node.title);
+	},
+	beforeSelect: function (event, data) {
+		// A node is about to be selected: prevent this for folders:
+		if (data.node.isFolder()) {
+			return false;
+		}
+	}
+
+});
+
+//$("#tree").fancytree();
+
+var tree : Fancytree.Fancytree = $("#tree").fancytree("getTree");
+
+var activeNode : Fancytree.FancytreeNode = tree.getRootNode();
+
+// Sort children of active node:
+activeNode.sortChildren();
+
+// Expand all tree nodes
+tree.visit(function (node) {
+	node.setExpanded(true);
+});
+
+// Append a new child node
+activeNode.addChildren({
+	title: "Document using a custom icon",
+	icon: "customdoc1.gif"
+});
+
+tree.loadKeyPath("/1/2", function (node, status) {
+	if (status === "loaded") {
+		console.log("loaded intermiediate node " + node);
+	} else if (status === "ok") {                
+		node.setActive();
+	}
+});
+
+var node = $.ui.fancytree.getNode($("#tree"));        
+alert($.ui.fancytree.version);
+var f = $.ui.fancytree.debounce(50, (a : number) => { console.log(a); }, true);        
+f(2);   
+
+node = tree.getFirstChild();
+node.setExpanded().done(function () {
+	alert("expand animation has finished");
+});
+
+// Get or set an option
+var autoScroll = $("#tree").fancytree("option", "autoScroll");
+$("#tree").fancytree("option", "autoCollapse", true);
+// Disable the tree
+$("#tree").fancytree("disable");
+// Get the Fancytree instance for a tree widget
+$("#tree").fancytree("enable");
+alert("We have " + tree.count() + " nodes.");
+
+// Use the API
+node.setTitle("New title");