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.
The Sortable is part of Telerik UI for ASP.NET Core, 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.
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")
)