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

Dragstart

events

Fires when the dragging of the ListBox items starts.

dragstart

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.

<select id="listBox">
    <option>Orange</option>
    <option>Apple</option>
    <option>Banana</option>
    <option>Peach</option>
</select>
<script>
$("#listBox").kendoListBox({
     draggable: true,
     dragstart: function(e) {
         if (e.dataItems.text === "Orange") {
             e.preventDefault();
         }
     }
});
</script>

Dragstart

dragstart

Event Data

e.draggableEvent Object

e.items jQuery

e.preventDefault Function

e.draggableEvent `Object`

e.items `jQuery`

e.preventDefault `Function`