Dragging and Dropping

To enable the drag-and-drop feature of the ListBox, set it as Draggable() and configure its .Draggable().DropSources("dropSourceId") option.

You can also customize the drag-and-drop appearance of the ListBox by using its Draggable.Placeholder and Draggable.Hint templates which accept the name of a JavaScript function.

    .Draggable(draggable => draggable
    .DropSources(new string[]{ "dropSourceId", "anotherDropSourceId" })
    .BindTo(new List<CustomerViewModel>())
    function customPlaceholder(draggedItem) {
        return draggedItem

    function customHint(draggedItem) {
        return draggedItem

See Also

In this article
Not finding the help you need? Improve this article