Click here to Skip to main content
Click here to Skip to main content

MultiSelect Drag and Drop in WPF

, 6 Mar 2008
Rate this:
Please Sign up or sign in to vote.
Discusses implementation of Drag and Drop functionality for multiselected items in ListBox/ListView
MultiSelectImage2.JPG

Introduction

This article is a variation on the previous theme: Drag and Drop (see Very simple WPF Drag and Drop Sample without Win32 calls). Here, drag and drop of multiple items selected within WPF ListView or ListBox is discussed.

Using the Code

To run the sample, open it in Visual Studio 2008. Then simply compile and run the application.

Several points on using the sample:

  • You can select multiple entries in the list by using Ctrl or Shift key together with the mouse.
  • In order to initiate the drag operation, you have to click on one of the selected items one more time and move the mouse while holding it down.
  • If at the end of "Drag", the mouse pointer will be over one of the selected items, no operation will be performed.
  • The selected items do not have to be contiguous at the start of the drag operation, but after they are dropped they become contiguous.
  • The order of the dragged and drop items remains the same after the drop.

Code Description

Here are some code excerpts. In function ListView1_PreviewMouseLeftButtonDown called in the beginning of the drag operation, we create a set of selected items (Dictionary with null values) and pass it to the DragDrop.DoDragDrop(...) function as data item:

Dictionary shapes = new Dictionary();

if (ListView1.SelectedItems.Count == 0)
    return;

foreach(Shape shape in ListView1.SelectedItems)
{
    shapes[shape] = null;
}

Shape currentShape = ListView1.Items[index] as Shape;

// we do not initiate drag if the mouse descended on
// a non-selected item during the beginning of drag
if (!shapes.ContainsKey(currentShape))
    return;

DragDrop.DoDragDrop(this.ListView1, shapes, allowedEffects);

Function ListView1_Drop (the one implementing the drop operation) is slightly more complicated. First we record the list item into which the selected items are dropped:

int index = this.GetCurrentIndex(e.GetPosition);
...
Shape dropTargetShape = myShapes[index];

Then we build a list of selected items to be dropped:

List dropList = new List();
foreach(Shape shape in myShapes)
{
    if (!selectedShapes.ContainsKey(shape))
        continue;

    dropList.Add(shape);
}

We need this step in order to ensure that the dropped items are in the same order as they were originally. (In ListView.SelectedItems collection, the items are stored in the order in which they are selected, not in the order in which they are in the ListView).

Then we remove all the selected items from the collection myShapes (which is the collection of ListView items):

foreach(Shape shape in dropList)
{
    myShapes.Remove(shape);
}

Then we get the (possibly) new index of the drop target item within the modified collection:

// find index of the drop target item after the removal
// of the items to be dropped
int selectIndex = myShapes.IndexOf(dropTargetShape);

Finally we insert the items into the collection before the drop target item:

for(int i = 0; i < dropList.Count; i++)
{
    Shape shape = dropList[i];
    myShapes.Insert(i + selectIndex, shape);
    ...
}

History

  • 5th March, 2008: Initial post
  • 6th March, 2008: Added a screen shot

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Nick Polyak
Architect AWebPros
United States United States
I have 15 years of experience developing enterprise software, starting from C++ and Java on UNIX and moving towards C# on Windows platforms.
I am fascinated by the new .NET technologies especially WPF, Silverlight and LINQ.
Recently I decided to make a move and start my own contracting consulting and mentoring company AWebPros.
I can be contacted via my web site awebpros.com or through my blog at nickssoftwareblog.com

Comments and Discussions

 
SuggestionVerbatim Code PinmemberYoda Bytes21-Jul-14 4:37 
GeneralMy vote of 3 PinmemberLuck)30-Nov-10 18:57 
GeneralMy vote of 1 PinmemberMa3ztro7-May-09 4:17 
GeneralMy vote of 1 Pinmemberzbend30-Jan-09 11:42 
QuestionBug? Pinmembercherishnews18-Jan-09 14:05 
AnswerRe: Bug? PinmemberNick Polyak18-Jan-09 14:24 
AnswerRe: Bug? PinmemberNick Polyak18-Jan-09 14:27 
QuestionWhere's screens? Pinmembersotona5-Mar-08 23:36 
GeneralRe: Where's screens? PinmemberNick Polyak6-Mar-08 15:20 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web01 | 2.8.140826.1 | Last Updated 6 Mar 2008
Article Copyright 2008 by Nick Polyak
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid