SortableBuilder
Defines the fluent interface for configuring the Sortable component.
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.