Fires when the dragging of the ListBox items starts.

Event Data

e.draggableEvent Object

The original dragstart event data of draggable.

e.items jQuery

The elements that will be dragged.

e.preventDefault Function

If invoked, prevents the dragstart action. The element will remain at its original position. The hint and placeholder will not be initialized.

Example - prevent certain item from being dragged by cancelling the drag start action

<select id="listBox">
     draggable: true,
     dragstart: function(e) {
         if (e.dataItems.text === "Orange") {
In this article