Sortable TagHelper Overview

The Telerik UI Sortable TagHelper for ASP.NET Core is a server-side wrapper for the Kendo UI Sortable widget.

The Sortable provides a sortable drag-and-drop functionality to elements within a list.

Initializing the Sortable

The following example demonstrates how to define the Sortable by using the Sortable TagHelper.

<kendo-sortable name="sortable-basic"></kendo-sortable>

Basic Configuration

The Sortable TagHelper configuration options are passed as attributes of the tag.

Initialize the Sortable for already existing DOM elements.

<ul id="sortable-basic">
    <li class="sortable">Papercut <span>3:04</span></li>
    <li class="sortable">One Step Closer <span>2:35</span></li>
    <li class="sortable">With You <span>3:23</span></li>
</ul>
<kendo-sortable name="sortable-basic" hint="hint"  placeholder="placeholder">
</kendo-sortable>
@(Html.Kendo().Sortable()
    .For("#sortable-basic")
    .HintHandler("hint")
    .PlaceholderHandler("placeholder")
)

See Also

In this article
Not finding the help you need? Improve this article