Dragging Treeview components to Diagram

Question

I understand that you can create a list of items within Treeview and these can be dragged onto the Diagram, but how can I change these to an HTML Node. I know I can do

to create an HTML node, but how when I use OnNodeDragStop within Treeview I am unable to create an HTML node within the Diagram.

So, basically, how can I drag a Treeview item and have it converted to an html node when dropped onto the Diagram.

I am using the latest version of Syncfusion tools

Gowtham Gunashekar · Answer

Hi John, 
 
We will check and update the further details in two business days (July 12, 2021). We appreciate your patience until then.  
   
Regards, 
Gowtham.

Gowtham Gunashekar · Answer

Hi John,  
  
Please refer to the following sample for how to drag a node from treeview and drop into diagram and remove the treeview node and add the diagram node in that place. In the sample we have render a draggable node with treeview and diagram, when we drag a node form the treeview and drop into the diagram, the treeview OnNodeDragStop event will call in that vent we have removed the treeview node by setting true to its cancel argument and added the diagram node at that place where treeview node dropped.  
 
Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/TreeViewToDiagram1772913236.zip 
    
Regards,  
Gowtham.