List Control - Nested Lists

Description

You can embed child List controls inside a parent List to create a hierarchical layout (similar to the Grid Component’s Row Expander feature). This enables drill-down UIs such as Customers → Orders → Order Details.

Discussion

The Grid Component allows embedding child Grids inside a parent Grid using Row Expander. A similar design is possible with Lists by nesting child Lists within a parent List. The example below nests Customer, Orders, and Order Details Lists to provide a master → detail → sub-detail experience.

List Control – Nested Lists

How to embed child Lists in a parent List (Customers → Orders → Order Details).

2023-03-08

Download

Download the nestedlists.zip component used in the videos.

See Also