background

Kendo UI for jQuery

jQuery Sortable

  • Use the jQuery Sortable to give your users and interactive way to sort lists of items or drag items because two lists.
  • Part of the Kendo UI for jQuery library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
Sortable
  • Overview

    The jQuery Sortable component helps you to rearrange items in a list, drag items between two lists, or create drag-and-drop style panels. Simple lists that can be re-ordered with drag and drop are now trivial to create. You can disable certain items, define which items can and can’t be dropped and customize the placeholder. Drag and drop panels allow you to create very rich interfaces, such as customizable dashboards. Can be integrated with Grid, ListView, TabStrip, etc

    See the jQuery Sortable demo

    jquery-sortable-overview
  • Filter/Disable Items

    Using the Filter and Disable items features, you can restrict users from dragging and/or dropping specific items using the jQuery Sortable component. Disabled items cannot be dragged but are valid drop targets. Filtered items cannot be dragged and are not valid drop zones.

    See the jQuery Sortable Filter / Disable Items demo

  • Axis/Container Constraints

    Enjoy complete control over what your users can do inside your jQuery Sortable component by restricting drag operations to one axis or inside the borders of a specific container.

    See the jQuery Sortable Axis / Container Constraints demo

All Kendo UI for jQuery Components

Next Steps

Next Steps