Get started with jquery.fancytree CDN
MIT licensed
JQuery.Fancytree is a flexible and powerful tree view plugin for JS.
Tags:- ajax
- jquery-plugin
- lazy
- table
- tabletree
- tree
- treegrid
Stable version
Copied!
How to start using jquery.fancytree CDN
$(document).ready(function() {
// Define the data for the tree
var data = {
title: "My Fancytree",
children: [
{ title: "Item 1", key: "item1", children: [ { title: "Subitem 1.1", key: "subitem1.1" }, { title: "Subitem 1.2", key: "subitem1.2" }] },
{ title: "Item 2", key: "item2", children: [ { title: "Subitem 2.1", key: "subitem2.1" }, { title: "Subitem 2.2", key: "subitem2.2" }] },
{ title: "Item 3", key: "item3" }
]
};
// Initialize the tree with the data
$("#tree").fancytree({ source: data });
// Enable keyboard navigation and select the first node
$("#tree").fancytree("option", "selectMode", 3);
$("#tree").fancytree("focus", data.children[0].key);
// Optionally, you can also enable checkboxes
$("#tree").fancytree("option", "checkbox", true);
});
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
All versions
2.10.0
2.10.1
2.10.2
2.11.0
2.12.0
2.13.0
2.14.0
2.15.0
2.16.0
2.16.1
2.17.0
2.18.0
2.19.0
2.20.0
2.21.0
2.22.0
2.22.1
2.22.2
2.22.3
2.22.4
2.22.5
2.23.0
2.24.0
2.25.0
2.26.0
2.27.0
2.28.0
2.28.1
2.29.0
2.29.1
2.30.0
2.30.1
2.30.2
2.31.0
2.32.0
2.33.0
2.34.0
2.35.0
2.36.0
2.36.1
2.37.0
2.38.0
2.38.1
2.38.2
*** 2.38.3
2.5.1-0
2.6.0
2.7.0
2.8.0
2.8.1
2.9.0