ListView.onitemdragdrop event

Raised when an item is dropped onto the ListView as the result of a drag operation.

Syntax

<div 
    data-win-control="WinJS.UI.ListView" 
    data-win-options="{onitemdragdrop : handler}">
</div>
function handler(eventInfo) { /* Your code */ }
 
// addEventListener syntax
listView.addEventListener("itemdragdrop", handler);
listView.removeEventListener("itemdragdrop", handler);

Event information

Synchronous No
Bubbles Yes
Cancelable Yes

 

Event handler parameters

  • eventInfo
    Type: CustomEvent**

    An object that contains info about the event. The detail property of this object contains the following sub-properties:

Property Meaning
detail.dataTransfer

An anonymous JavaScript object with info about the data being moved.

detail.index

The numerical index of the item after it is dropped into the ListView.

detail.insertAfterIndex

The numerical index where the item is to be dropped after in the ListView.

 

Requirements

Minimum WinJS version

WinJS 3.0

Namespace

WinJS.UI

See also

ListView

detail