Example of Node Editing in ASP.NET Core TreeView Control

This ASP.NET Core TreeView example demonstrates the node editing functionalities of the TreeView. Double click on the node or press F2 key on selected node to edit node text in input textbox. Press enter key or click outside of the input element to save the node or press escape key to cancel the modified text.


The TreeView component has the built-in option to edit and modify the node text in inline by enabling the allowEditing property.

More information about Treeview can be found in this documentation section .

Transform your ASP.NET Core web apps today with Syncfusion ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing