DragAndDrop TagHelper Overview
The Telerik UI DragAndDrop TagHelper for ASP.NET Core is a server-side wrapper for the Kendo UI DragAndDrop widget.
The kendoDraggable
and the kendoDropTarget
combine together to enable the implementation of the drag-and-drop scenarios.
The DragAndDrop is part of Telerik UI for ASP.NET Core, a
professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Initializing the Drag-and-Drop
The following example demonstrates how to define the Drag and Drop by using the DragAndDrop TagHelper.
<div id="droptarget" class="k-header"
kendo-droptarget="true"
on-kendo-dragenter="droptargetOnDragEnter"
on-kendo-dragleave="droptargetOnDragLeave"
on-kendo-drop="droptargetOnDrop" >Drag the small circle here.</div>
<div id="draggable"
kendo-draggable="true"
kendo-hint="draggableHint"
on-kendo-dragstart="draggableOnDragStart"
on-kendo-dragend="draggableOnDragEnd"></div>