Edit this page

Sortable Tag Helper Overview

The Sortable tag helper helps you configure the Kendo UI Sortable widget in ASP.NET Core applications.

Basic Usage

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

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

Configuration

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

Important

Initialize the Sortable for already existing DOM elements.

Example
<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