DxTreeList Class

A component that displays hierarchical data in a tabular format and allows users to edit, sort, filter, and otherwise shape data.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

public class DxTreeList :
    DxGridBase,
    ITreeList,
    IGrid

Remarks

DevExpress Blazor TreeList (DxTreeList) allows you to display, manage, and shape hierarchical data.

Run Demo: Overview Read Tutorial: Getting Started View Example: Getting Started

Add a TreeList to a Project

Follow the steps below to add the TreeList component to an application:

1. Use a DevExpress Project Template to create a new Blazor Server or Blazor WebAssembly application. If you use a Microsoft project template or already have a Blazor project, configure your project to incorporate DevExpress Blazor components.
2. Add the <DxTreeList>…</DxTreeList> markup to a .razor file.
3. Bind the component to data.
4. Configure the component: create columns, customize appearance, and so on.

Static Render Mode Specifics

Blazor TreeList supports static render mode to display static data in a single page. Users cannot expand or collapse nodes. To use expand/collapse and other features, enable interactivity on a Razor page, and allow the TreeList component to execute scripts and display data.

Features

The list below includes features available in the Blazor TreeList component:

Data Binding Sort Data Edit Data and Validate Input Filter Data

Summary Selection Focus Templates

Columns Toolbar Save and Restore the Layout Export Data

Appearance Paging Scrolling Keyboard Support

Troubleshooting

If a Blazor application throws unexpected exceptions, refer to the following help topic: Troubleshooting.

Implements

IComponent

IHandleEvent

IHandleAfterRender

IAsyncDisposable

ITreeList

IGrid

Inheritance

Object

ComponentBase

DxComponentBase

DevExpress.Blazor.Internal.ParameterTrackerComponent

DevExpress.Blazor.Internal.DxGridBase

DxTreeList