Drag-and-Drop Overview
Kendo UI for jQuery provides options to handle drag-and-drop scenarios by combining the kendoDraggable
and kendoDropTarget
controls.
kendoDraggable
enables the Draggable functionality and allows a DOM element to be moved by using the mouse or a finger on touch devices.
kendoDropTarget
creates the droppable zones and marks a DOM element as a drop target for the Draggable. The DropTargetArea
enables you to create multiple DropTarget
elements that are located in the area container which is a useful scenario when the DropTarget
elements are added dynamically.
The Drag and Drop is part of Kendo UI for jQuery, a
professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Functionality and Features
- Common Scenarios—Check various scenarios involving the Draggable component.
Next Steps
- Getting Started with the Kendo UI Draggable for jQuery
- Basic Usage of the jQuery Draggable (Demo)
- JavaScript API Reference of the Draggable