Dropdown in tree node editing

[Tejinder Singh]

I am having a requirement to add a dropdown while editing any tree node. when I tried to set the allowEditing to true. It rendered the text box. but I want to have a dropdown or any other control. so that I can  choose the option rather than entering it manually. 

is it possible to have controls while editing any node other than just textbox ?

Thanks

[Keerthana Rajendran]

Hi Tejiinder, 

Thanks for contacting Syncfusion Support. 

We have checked with your requirement and achieved it with a custom sample by customizing the nodes in the nodeEditing event of the TreeView component. Kindly check the sample below. 

Sample link: https://stackblitz.com/edit/angular-5726tx?file=index.html 

Here, we have restricted the default editing functionality of the TreeView by cancelling it in the nodeEditing event and customizing the node with a Dropdown List component in the same event for selecting a value. Once the value is selected and the node is refreshed, the Dropdown List will be destroyed, and the node text will be updated in the TreeView component as per the Dropdown List value. 

Please check the sample and get back to us if you need further assistance. 

Regards, 

Keerthana R.