Custom options

The source code

This example shows how the various options could be used in order to configure Sortablejs.

Disabled options

and the actual model is

> {{ draggableItems | json }}

Events

Binding to the events is easy. Any even could be attached as a property of Sortablejs. The example below binds to the onUpdate event. Drag the items and track the amount of updates.

> Updated {{ eventUpdateCounter }} times
Hint: for the FormArray using onUpdate is kinda overhead because the FormArray.valueChanges provides an event on every change.

Autoscroll with fixed navbar

Normally the scrolling that is performed by Sortablejs is working fine. However with a fixed navbar it may cause problems.

Setting the scrollSensitivity to the proper value will solve the problem. Try it on the long list below