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

Drop

events

Fires when a ListBox item is dropped over one of the drop targets.

drop

Event Data

e.items `Array`

The item elements that are to be dropped.

e.dataItems `Array`

The data items that are to be dropped.

e.preventDefault `Function`

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

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

Drop

drop

Event Data

e.items Array

e.dataItems Array

e.preventDefault Function

e.items `Array`

e.dataItems `Array`

e.preventDefault `Function`