Category / Section
How to make TreeViewItem's header editable?
1 min read
You can edit the TreeViewItem’s header by enabling the IsEditable property to True. When you set this property as True, you can edit the TreeView’s nodes, by double clicking it at runtime.
XAML
<syncfusion:TreeViewAdv AllowMultiSelect="True"> <syncfusion:TreeViewItemAdv Header="Root1" Name="treeViewItem" IsEditable="True"> <syncfusion:TreeViewItemAdv Header="Root1Item1"/> <syncfusion:TreeViewItemAdv Header="Root1Item2"/> <syncfusion:TreeViewItemAdv Header="Root1Item3"/> </syncfusion:TreeViewItemAdv> <syncfusion:TreeViewItemAdv Header="Root2"> <syncfusion:TreeViewItemAdv Header="Root1Item1"/> <syncfusion:TreeViewItemAdv Header="Root1Item2"/> <syncfusion:TreeViewItemAdv Header="Root1Item3"/> </syncfusion:TreeViewItemAdv> </syncfusion:TreeViewAdv>
C#
treeViewItem.IsEditable = true;
The following screenshot displays the tree node editing at runtime.
Figure 1: Tree node editing at runtime