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

Integrated with Sortable

1 Answer 21 Views
Drag and Drop
This is a migrated thread and some comments may be shown as answers.
Jawad
Top achievements
Rank 1
Jawad asked on 05 Nov 2018, 04:21 PM

hello,

i'm trying to Integrate kendoDraggable with kendoSortable (inside ListView)

here is an example : https://dojo.telerik.com/iZOfuNoW

 

i want to drag a button and drop it inside Sortable ListView 

1 Answer, 1 is accepted

Sort by
0
Tsvetina
Telerik team
answered on 07 Nov 2018, 11:27 AM
Hi Jawad,

The main thing that is missing is the DropTarget declaration. Without it, buttons cannot actually be dropped at a given location. I instantiated drop targets from the ListView elements:
$("#listView .product").kendoDropTarget({
  drop: function(e){
    e.dropTarget.append(e.draggable.element);
  }
});

You can see the full modified example here:
https://dojo.telerik.com/iZOfuNoW/2

Click the buttons to see how they detect if they are already dropped in the ListView.

Regards,
Tsvetina
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Drag and Drop
Asked by
Jawad
Top achievements
Rank 1
Answers by
Tsvetina
Telerik team
Share this question
or