How to make SfTreeView node editable

[sungjin]

Hi. 

I have a lot of problems with TreeViewAdv, so I want to use SfTreeView instead of.

Because SfTreeView is new one, there are a few examples and articles to refer.

I want to change node's name by double-clicking or using context menu (rename) or F2 key. 

Can you make an example ? I hope the example is the modified version of SfTreeView's Drag and Drop example.

Thanks for reading.

Regards,

Sungjin

[Mohanram Anbukkarasu]

Hi Sungjin, 

Thanks for contacting Syncfusion support.  

Currently SfTreeView doesn’t have support for editing the nodes. We have considered to provide the editing support for SfTreeView. We will implement this feature in our 2020 Volume 3 main release which is expected to be rolled out in the month of October 2020. 

 

Feedback link : https://www.syncfusion.com/feedback/16836/provide-the-editing-support-for-sftreeview  

Thank you for requesting this feature and helping us define it.  

Regards, 

Mohanram A 

[Farjana Parveen Ayubb]

 Hi Sungjin,  

The enhancement for “Editing support in SfTreeView” completed and include in Volume 3 main release. We are glad to announce that our Essential Studio 2020 Volume 3 release v18.3.0.35 is rolled out and is available for download under the following link. 

https://www.syncfusion.com/forums/158306/essential-studio-2020-volume-3-release-v18-3-0-35-is-available-for-download 

Feedback Link: https://www.syncfusion.com/feedback/16836/editing-support 

Note: 

It is necessary to define EditTemplate/ EditTemplateSelector for bound mode, to enable editing. For UnboundMode, textbox will be loaded by default, for edit mode. 

Code snippet: 

<syncfusion:SfTreeView x:Name="treeView"  

                               ItemsSource="{Binding Folders}"     

                               ChildPropertyName="Files" 

                               AutoExpandMode="AllNodes" 

                               AllowEditing="True" 

                               > 

            <syncfusion:SfTreeView.ItemTemplate> 

                <DataTemplate> 

                    <TextBlock Text="{Binding FileName}" VerticalAlignment="Center"/> 

                </DataTemplate> 

            </syncfusion:SfTreeView.ItemTemplate> 

            <syncfusion:SfTreeView.EditTemplate> 

                <DataTemplate> 

                    <TextBox Text="{Binding FileName}" VerticalAlignment="Center"/> 

                </DataTemplate> 

            </syncfusion:SfTreeView.EditTemplate> 

        </syncfusion:SfTreeView> 

 

Sample Link: 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/BoundMode_Editing871372384 

Regards, 

Farjana Parveen A