ListBox Item Drag and Drop

Updated on Sep 3, 2026

The Telerik Blazor ListBox allows users to drag and drop items within the same component instance or across different instances. This is a more flexible alternative to reordering or moving ListBox items with toolbar buttons. As a result, dragging and dropping can be a lot faster and convenient to users when the number of related ListBoxes is three or more.

Configuration

To enable drag and drop between ListBox components:

1. Set Draggable="true" to all of them.
2. Set DropSources to the Id values of the permitted source ListBoxes.
3. Subscribe to the OnDrop event of each ListBox that users can drag items from. The OnDrop event always fires from the source (origin) ListBox instance.
4. Decide if you want to drag and drop the single item from the args.Items event argument or the full current selection.
5. Rebind() each ListBox after making programmatic changes to its Data.

Example

Using ListBox drag and drop

Example

View Source

Loading ...

Next Steps

• Implement ListBox templates
• Handle ListBox events

See Also

• Live Demo: ListBox Drag and Drop