New to Kendo UI for Angular? Start a free 30-day trial

SortableBindingDirective

Directive

Represents a directive that handles common scenarios such as reordering and moving items between Sortables, reducing boilerplate code.

This directive subscribes to the Sortable's events and handles them using the provided API methods.

Definition

Package:@progress/kendo-angular-sortable

Selector:[kendoSortableBinding]

Syntax:

html

<kendo-sortable 
     [kendoSortableBinding]="items"
     [navigable]="true"
     [animation]="true"
     itemClass="item col-xs-6 col-sm-3"
     activeItemClass="item col-xs-6 col-sm-3 active">
</kendo-sortable>

Inputs

kendoSortableBinding

any[]

Sets a data-bound array that is used as a data source for the Sortable (see example).