New to Telerik UI for ASP.NET MVC? Download free 30-day trial

SortableBuilder

Methods

For(System.String)

The selector to match the DOM element to which the Sortable widget will be instantiated

Parameters

selector - System.String

jQuery selector

Disabled(System.String)

The selector that determines which items are disabled. Disabled items cannot be dragged but are valid sort targets.

Parameters

selector - System.String

jQuery selector

Filter(System.String)

The selector that determines which items are sortable. Filtered items cannot be dragged and are not valid sort targets.

Parameters

selector - System.String

jQuery selector

Handler(System.String)

The selector that determines which element will be used as a draggable handler.

Parameters

selector - System.String

jQuery selector

ContainerSelector(System.String)

Selector that determines the container boundaries in which hint movement will be constrained to.

Parameters

selector - System.String

jQuery selector

ConnectWith(System.String)

The selector which determines if items from the current Sortable widget can be accepted from another Sortable container(s). The connectWith option describes one way relationship, if the developer wants a two way connection then the connectWith option should be set on both widgets.

Parameters

selector - System.String

jQuery selector

Ignore(System.String)

The selector which determines child elements for which the sort will not be initiated. Useful if the sortable item contains input elements.

Parameters

selector - System.String

jQuery selector

Cursor(System.String)

The CSS style which determines the cursor that will be shown while user drags sortable item. For example 'move', 'pointer', etc.

Parameters

cursor - System.String

String

HoldToDrag(System.Boolean)

When set to true, the item will be activated after the user taps and holds the finger on the element for a short amount of time.

Parameters

value - System.Boolean

AutoScroll(System.Boolean)

If set to true the widget will auto-scroll the container when the mouse/finger is close to the top/bottom of it.

Parameters

value - System.Boolean

Axis(Kendo.Mvc.UI.SortableAxis)

Constrains the hint movement to either the horizontal (x) or vertical (y) axis.

Parameters

axis - SortableAxis

The axis

CursorOffset(System.Action)

Configures the cursor offset of Sortable widget.

Parameters

cursorOffsetSettingsAction - System.Action<SortableCursorOffsetSettingsBuilder>

Cursor offset settings action.

Example


             @( Html.Kendo().Sortable()
                        .For("#sortable")
                        .CursorOffset(settings =>
                            settings.Top(10).Left(10)
                        )
            )

Hint(System.String)

HTML string representing the the hint element

Parameters

content - System.String

Html string

HintHandler(System.Func)

Sets JavaScript function which to return the hint for the sorted item.

Parameters

handler - System.Func<Object,Object>

HintHandler(System.String)

Sets JavaScript function which to return the hint for the sorted item.

Parameters

handler - System.String

JavaScript function name

Placeholder(System.String)

HTML string representing the placeholder

Parameters

content - System.String

Html string

PlaceholderHandler(System.Func)

Sets JavaScript function which to return the placeholder for the sorted item.

Parameters

handler - System.Func<Object,Object>

PlaceholderHandler(System.String)

Sets JavaScript function which to return the placeholder for the sorted item.

Parameters

handler - System.String

JavaScript function name

Deferred()

Suppress initialization script rendering. Note that this options should be used in conjunction with Kendo.Mvc.UI.Fluent.WidgetFactory.DeferredScripts(System.Boolean)

ToComponent()

Returns the internal view component.

Events(System.Action)

Sets the event configuration of the Sortable.

Parameters

configurator - System.Action<SortableEventBuilder>

The lambda which configures the events

Render()

Renders the component.

ToHtmlString()

ToClientTemplate()

In this article
Not finding the help you need?