This is a migrated thread and some comments may be shown as answers.

Drag & Drop AngularJS: move draggable from 1 droplocation to another

2 Answers 43 Views
Drag and Drop
This is a migrated thread and some comments may be shown as answers.
arno
Top achievements
Rank 1
arno asked on 27 Apr 2015, 03:23 PM

Hi,

I'm have found the following example for pure JQuery:

http://jsfiddle.net/7PXu7/70/

So basically its about moving an item from 1 box to another. I have been trying to replicate this with AngularJS but without success.

Does anyone have a similar example to this fiddle but within an AngularJS setup?

Thanks,

Arno

2 Answers, 1 is accepted

Sort by
0
Alexander Valchev
Telerik team
answered on 29 Apr 2015, 07:54 AM
Hi Arno,

The example you referenced shows how to implement auto scroll of scrollable container while dragging.

We will add this functionality out of the box in the next official release.

In case you want to simply move one item from one box to another please check this demo page:

Regards,
Alexander Valchev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
arno
Top achievements
Rank 1
answered on 29 Apr 2015, 09:09 AM

Hi Alexander, thanks for the answer but the scroll is not what I meant nor does the demo page show the answer.

I have however solved the problem myself now. I solved it using 2 arrays, one for each droplocation containing the data of the dragables. When a dragable is moved from one location to the other, the data object is simple removed from one array and added to the other. 2 ng-repeats do the rest.

greets,

arno

Tags
Drag and Drop
Asked by
arno
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
arno
Top achievements
Rank 1
Share this question
or