Tree

API Reference

• Methods, properties and events
• Samples

Tree is a pure JavaScript component for building various tree hierarchies.
It's a powerful and customizable tool with lots of features: support for XML, JSON data sources, static and dynamic loading, multi tree drag-and-drop, inline editing, optional checkboxes, state saving, filtering, sorting, copying etc.

Confused where to start? Read Quick Start with Tree to kick things off.

Managing data Loading Data into Tree Items Selection Editing in Tree Filtering in Tree Sorting in Tree	Teaches you how to treat data in the tree to present the desired set of items.
Nodes manipulations Adding nodes Deleting nodes Expanding/collapsing branches Updating the tree Saving the tree state	Says about means you've got to manipulate with the tree branches and leaves: CRUD operations, tree state storage, etc.
Look-and-feel Node templates Styling Checkboxes in Tree	Covers techniques for fine-tuning the tree appearance: use of data templates, adding checkboxes, icons, lines to items, redefining the default CSS classes, etc.
Others Copy-pasting data Drag-and-drop Events handling	Describes the remaining procedures related to the tree but not mentioned in the chapters above: work with the clipboard, support for internal/external drag-n-drop and handling events.

Back to top