Editing Basics

The TreeList enables you to create, update, and delete data records.

Creating, editing, and deleting data records is an essential feature of the Kendo UI TreeList for Angular. As a native Angular component, the TreeList is tightly integrated with the Angular Forms module and supports both reactive forms and template-driven forms. For example, change tracking and validation work in exactly the same way as in other forms.

Editing Modes

The TreeList provides a low-level API for editing modes and built-in directives that simplify implementation. The directives encapsulate common operations and trade flexibility for simplicity.

Editing in Reactive Forms

Implement editing functionality using Angular's reactive forms approach with explicit form controls.

Editing in Template-Driven Forms

Implement editing functionality using Angular's template-driven forms with declarative syntax.

In-cell Editing Mode

Enable inline editing where users can edit cell values directly within the TreeList.

Built-in Directives

Use pre-built directives that simplify editing implementation by handling common operations automatically.

Additional Editing Features

The following articles cover additional editing features:

Custom Editors with Reactive Forms

Create custom editor components for specialized input requirements in reactive forms.

Preventing Editing for Specific Fields

Configure read-only fields and control which columns users can edit.

Suggested Links

• Angular Forms Module
• API Reference of the TreeListComponent
• API Index of the TreeList