DevExtreme v23.1 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Your search did not match any results.
Tree List

Simple Array: Plain Structure

To bind the TreeList to an array that contains plain-structured data objects, do the following:

  1. Assign the array to the dataSource property.

  2. Specify the data fields that contain node keys in the keyExpr property and parent node keys in the parentIdExpr property.

  3. Specify the root node's key in the rootValue property if it is not 0.

  4. If each data item has a Boolean field that specifies whether this data item nests other items, assign the field's name to the hasItemsExpr property. The TreeList uses this information to render the expand button. This is required only if the UI component is bound to a remote data source.

The TreeList builds a tree from plain data objects based on the specified properties.

Thank you for your interest in our ASP.NET MVC product libraries and UI component suite. We are moving ASP.NET MVC-related demos and content to Please make sure to update your bookmarks with our new URL.

View Demo