Drag and drop nodes from treeview to diagram -Angular

[ttArbor]

Is there someway that the diagram would recognize items dragged and dropped from a treeview?

[Ramya Thirugnanam]

Hi Thao,  

 

Thanks for contacting Syncfusion support. 

 

Reported Issue: The Drop event of the Diagram is not get fired when drag and drop the other component (tree view) to the Diagram. 

 

We have confirmed this as a defect. We have logged the defect report for this. The fix will be available in our Patch release on February 27^th, 2019. 

 

 

Regards,  

Ramya T  

[ttArbor]

Great. I'll look forward to the new release 

[Ramya Thirugnanam]

 Hi Thao, 

 

Reported Issue: The Drop event of the Diagram is not get fired when drag and drop the other component (tree view) to the Diagram.  

 

Thanks for your update. 

 

As promised, we will fix and include it in our Patch release on 27^th February 2019. 

 

 

Regards, 

Ramya T 

[ttArbor]

I have another question related to drag and drop in diagram. 

I need to be able to trigger a drop event when user drag and drop some item into a node in diagram (i.e drag and drop one node into another node). Can you please give me home hints how to enable that? Thanks a lot. 

Thao

[Aravind Ravi]

Hi Thao, 

 

When drag and drop one node into another node in diagram drop event will trigger. Please set allow drop constraints for node. For more information about node constraints please refer to below UG documentation link 

 

UG link: https://ej2.syncfusion.com/aspnetcore/documentation/diagram/constraints/?no-cache=1#node-constraints  

 

If you drag one node and drop on other node means the drop event will trigger. In that event args.target returns the node over which the object will be dropped and args.source returns from where the element is dragged. Please find below code snippet for how to set the node constraints and how to use drop event. 

 

Constraints= NodeConstraints.Default | NodeConstraints.AllowDrop 

 

function drop(args) { 

        if (args.target) { 

             var node = args.target; 

        } 

    } 

 

 

 

For more information about drop event please refer to below UG documentation link 

 

UG Link: https://ej2.syncfusion.com/documentation/api/diagram/iDropEventArgs/  

 

Regards 

Aravind Ravi 

[ttArbor]

Thank you, Aravind Ravi. I found the document and able to drag one node and drop into another in a diagram. 

I'm looking forward to the fix for original issue and being able to drag an item from other controls and drop into a diagram's node. 

Thao

[Ramya Thirugnanam]

Hi Thao,  

 

There is some technical glitch in our Patch server system. We are working towards making the system fully functional. Until then, we will not be able to commit a timeline for providing fix through the patch setup. We will get back to you as soon as possible once it is up. Our apologies for any inconvenience this may cause you. 

Regards, 

Ramya T 

[Ramya Thirugnanam]

Hi Thao,   

 

Sorry for the inconvenience caused. 

  

Reported Issue: The component does not drop while drag and drop the other components (treeview) in diagram    

 

We are unable to include this fix in our Patch release due to some technical glitch. We will include the fix in our volume 1 beta release on mid of March 2019. 

 

Regards, 

Ramya T 

[Ramya Thirugnanam]

Hi Thao,    

  

Reported Issue: The component does not drop while drag and drop the other components in diagram   

  

We are glad to announce that our Essential JavaScript 2019 Volume 1 beta release (v17.1.32-beta) is rolled out successfully and In that release, we have added the fix for the reported issue.   

  

Please upgrade to the latest version packages to resolve this issue.    

  

  

Link: https://www.npmjs.com/package/@syncfusion/ej2-diagrams/v/17.1.32-beta  

  

Please find the release notes link as below.  

  

Link: https://ej2.syncfusion.com/javascript/documentation/release-notes/index/#diagram  

  

Regards,  

Ramya T