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

3 posts, 0 answers
  1. arno
    arno avatar
    14 posts
    Member since:
    Jun 2014

    Posted 27 Apr 2015 Link to this post

    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. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2877 posts

    Posted 29 Apr 2015 Link to this post

    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!
     
  3. Kendo UI is VS 2017 Ready
  4. arno
    arno avatar
    14 posts
    Member since:
    Jun 2014

    Posted 29 Apr 2015 in reply to Alexander Valchev Link to this post

    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

Back to Top