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

Drag drop: ListView item to PanelBar item

1 Answer 101 Views
ListView
This is a migrated thread and some comments may be shown as answers.
Matt
Top achievements
Rank 1
Matt asked on 10 Apr 2017, 03:35 PM

Hi, I need to facilitate two pieces of drag and drop functionality usingTelerik UI for MVC.

I have a ListView (of users), and a Panelbar (of teams, and the users in each team are the children for a given Panelbar team item).

I want to drag/drop users from the ListView to the team header (or its child users panel) & this will trigger a call to the server that will make the change to the db.  The users when "dragged" remain in the ListView of all users, they are simply added to a team.

Additionally, each user under a team in the PanelBar need to be able to be dragged to a third element in the view (an icon of a recycle bin - this will remove them from a team).

How can I enable drag and drop on the two Kendo controls to make this happen?

Thanks

Matt

1 Answer, 1 is accepted

Sort by
0
Boyan Dimitrov
Telerik team
answered on 12 Apr 2017, 02:53 PM

Hello,

In general such functionality does not come out of the box with our Kendo UI for ASP.NET MVC wrappers. We do not have example for drag and drop between ListView and PanelBar, but we do have similar example that shows drag and drop between Scheduler and Grid. My suggestion is to use the approach as a base to implement your scenario. Please refer to the scheduler-drag-and-drop how-to example. 

Regards,
Boyan Dimitrov
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
ListView
Asked by
Matt
Top achievements
Rank 1
Answers by
Boyan Dimitrov
Telerik team
Share this question
or