drag-and-drop system should support copy behavior as well as move behavior

Thread ID:	Created:	Updated:	Platform:	Replies:
146657	Aug 13,2019 05:11 AM UTC	Aug 13,2019 11:14 AM UTC	Angular - EJ 2	1

Subscribe to this post

Tags: Treeview

Anjali Kumari

Asked On August 13, 2019 09:38 AM UTC

Hi,

In treeview structure, I want to drag the same item repeatedly to multiple drop zones. In other words, the drag-and-drop system should support copy behavior as well as move behavior and after copying the data from one treeview to another, I want to save all the data. Could you please suggest me some exmple according to that.
Something like this example: https://stackblitz.com/edit/angular-ymlmql (bt need it in treeview structure)
If possible like this in Angular: https://jsplayground.syncfusion.com/nglebdpf

Reply | Reply with quote

Ashokkumar Balasubramanian [Syncfusion]

Replied On August 13, 2019 11:14 AM UTC

Hi Anjali Kumari,

Good day to you.

We have prepared a custom sample based on your requirement. In the sample, we have considered both the copy and move behavior. You can achieve this behavior in the nodeDragStop event of Treeview using the following code snippet.

public onDragStop(args: any): void {

// Checks whether the target is treeview2

let targetEle: any = closest(args.target, '.e-droppable');

targetEle = targetEle ? targetEle : args.target;

if(targetEle.id == "tree2") {

args.cancel = true

var data = [{ 'id': args.draggedNodeData.id, 'name': args.draggedNodeData.text }]

// Add collection of node to treeview2

var treeObj = this.tree;

treeObj.addNodes(data, args.droppedNode);

console.log(treeObj.getTreeData());

}

In the above code, you can copy and paste the nodes from treeview1 to treeview2. But other cases, you can able to perform move and paste operation.

Also, after performing drag and drop operations, you can get the updated source using getTreeData method of the Treeview.

Sample: https://stackblitz.com/edit/angular-ydpxud-43t25n?file=app.component.ts

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

Regards,

Ashokkumar B.

Reply | Reply with quote

CONTACT US

drag-and-drop system should support copy behavior as well as move behavior

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US