New to Telerik UI for ASP.NET AJAX? Download free 30-day trial


This client-side event is fired when a RadListView item is dropped after dragging.

Fired by RadListView
Arguments dataKeyValues - Array of the item key fields set through the ClientDataKeyNames property of the RadListView control, itemIndex - the index of the dragged item, destinationElement - the destination HTML element, domEvent - dom event
Can be canceled No


<telerik:RadListView ID="RadListView1" runat="server" ClientDataKeyNames="Title, Artist">
    <ClientSettings AllowItemsDragDrop="true">
        <ClientEvents OnItemDropped="ItemDropped" />
function ItemDropped(sender, eventArgs) {
    var dest = eventArgs.get_destinationElement();
    var itemIndex = eventArgs.get_itemIndex();
    var title = eventArgs.get_dataKeyValues().Title;
    var artist = eventArgs.get_dataKeyValues().Artist;
    alert("Item " + itemIndex + " with Title - " + title + ", Artist - " + artist + " was dropped in " +;

To get or set property values for client API properties, you must call property accessor methods that are named with the get_ and set_ prefixes. For example, to get or set a value for a property such as cancel, you call the get_cancel() or set_cancel().

The get_dataKeyValues() method is supported only with server data binding. If you are using client binding, see the Item drag and drop with client data binding KB article.

See Also

In this article