New to Telerik UI for Blazor? Start a free 30-day trial

Edit Template

Updated on Oct 1, 2026

The column's EditTemplate defines the inline template or component that will be rendered when the user is editing the field. It is also used when inserting a new item.

You can data bind components in it to the current context, which is an instance of the model the treelist is bound to. You will need a global variable that is also an instance of the model to store those changes. The model the template receives is a copy of the original model, so that changes can be canceled (the Cancel command).

If you need to perform logic more complex than simple data binding, use the change event of the custom editor component to perform it. You can also consider using a custom edit form outside of the treelist.

The TreeList row creates an EditContext and passes it to the EditorTemplate. You can read more about it in the Notes section of the Editing Overview article).

Consider setting DebounceDelay="0" to the component inside the editor template. This is how the default editors in all Telerik Blazor components work. Otherwise, fast users may try to save changes before the data item in edit mode receives the new value.

Using TreeList Editor Template

Example
View Source
Loading ...

, after Edit was clicked on the row with ID 4, and the user expanded the dropdown from the template

See Also

In this article
See Also
Not finding the help you need?
Contact Support