- Welcome, Guest. Please Login or Register
MindFusion  
  We have released initial version of MindFusion.Scheduling library for HTML5 & JavaScript.  
  HomeHelpSearchLoginRegister   
     
     
   
 
Page Index Toggle Pages: 1 Send Topic Print  
HOW to drag And Drop Container Node from diagram to another diagram in angular/typescript?
Read 395 times

HCL_ash   Offline
YaBB Newbies
*
Posts: 3
I Love MindFusion!


   
     
 
HOW to drag And Drop Container Node from diagram to another diagram in angular/typescript?
Mar 7th, 2018 at 6:43am
 
Please let me know does anyone has idea about
Drag And Drop Container Node from diagram to another diagram in  drag And Drop Container Node from diagram to another diagram in angular/typescript?.

I want to drag container node from one browser window and drop it to another browser window.
 
 
 
IP Logged    
 
     

Lyubo   Offline
Full Member
***
Posts: 191
Gender: male
MindFusion team


   
     
 
Re: HOW to drag And Drop Container Node from diagram to another diagram in angular/typescript?
Reply #1 - Mar 7th, 2018 at 7:32am
 
Hi,

The JsDiagram package includes the DragDrop sample, which demonstrates drag and drop between the diagram and another DOM element, using the Native HTML5 Drag and Drop API. You can easily modify it to work between two diagram instances.

The HTML5 Drag and Drop API works between different browser windows too. You can check out this article on DnD basics and sample tutorials: https://www.html5rocks.com/en/tutorials/dnd/basics/

Regards,
Lyubo
 
 
 
IP Logged    
 
     

HCL_ash   Offline
YaBB Newbies
*
Posts: 3
I Love MindFusion!


   
     
 
Re: HOW to drag And Drop Container Node from diagram to another diagram in angular/typescript?
Reply #2 - Mar 7th, 2018 at 9:29am
 
Thanks for  quick reply.
I think its generic drag and drop link in HTML5.


But i am using Diagram-library : 3.2.1
Is there any specific implementation for drag and drop node in  above library.
 
 
 
IP Logged    
 
     

Lyubo   Offline
Full Member
***
Posts: 191
Gender: male
MindFusion team


   
     
 
Re: HOW to drag And Drop Container Node from diagram to another diagram in angular/typescript?
Reply #3 - Mar 7th, 2018 at 10:52am
 
Hi,

The diagram component is implemented using the HTML5 Canvas API, so native drag and drop works out-of-the-box. Did you check out the DragDrop sample in the package? It shows one scenario of drag and drop, using the Diagram control. The sample is available in both JavaScript and TypeScript.

Regards,
Lyubo
 
 
 
IP Logged    
 
     
Page Index Toggle Pages: 1 Send Topic Print