23 Oct 20171 minute to read

TreeView component is used to represent the hierarchical data in tree like structure with advanced functions to perform edit, drag and drop, selection with checkboxes and more. TreeView can be populated from a data source, such as array of JavaScript objects, OData web services, or DataManager.

Key features

  • Data binding - Bind the TreeView component with an array of JavaScript objects or DataManager.

  • Checkboxes - Allows you to select more than one nodes in TreeView without affecting UI appearance.

  • Drag and Drop - Allows you to drag and drop any node in TreeView.

  • Multi Selection - Allows you to select more than one nodes in TreeView.

  • Node Editing - Allows you to change the text of a node in TreeView.

  • Sorting - Provides to display the TreeView nodes as ascending or descending order.

  • Template - Allows you to customize the nodes in TreeView.

  • RTL support - Provides a full-fledged right-to-left mode which aligns content in the TreeView component from right to left.

  • Accessibility - Provides built-in accessibility support which helps to access all the TreeView component features through the keyboard, on-screen readers, or other assistive technology devices.