DevExtreme v24.2 is now available.

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

Your search did not match any results.

React Diagram - Node List: Linear Array

This demo shows the Diagram component's capability to load an external tree structure from a linear array.

The component binds to a data object specified by the dataSource property. You should specify the keyExpr and parentKeyExpr properties because of the data's linear structure. The Diagram uses information from the key fields to transform linear data into a tree.

To give you the ability to edit code on the fly, the demo uses SystemJS. For this reason, launching the demo takes some time. We strongly recommend that you do not use this approach in real projects.
Backend API