drag

Fires when the placeholder of the ListBox changes its position.

Event Data

e.items jQuery

The elements that are being dragged.

e.dataItems Array

The data items that are being dragged.

e.draggableEvent Object

The original drag event data of draggable.

e.preventDefault Function

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

Example

<select id="listBox">
    <option>Orange</option>
    <option>Apple</option>
    <option>Banana</option>
    <option>Peach</option>
</select>
<script>
$("#listBox").kendoListBox({
     draggable: true,
     drag: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
         console.log("drag event");
     }
});
</script>
In this article