How to preserve selection when dragging multiple items in WPF

Question

Edit Updated the post to include more of the source code, please let me know if you have any issues, I could not copy and paste the code in so had to type it out on here so it's possible there is the odd mistake here or there. (e.g. the MouseState you mentioned before should have been MouseButtonState which is part of C# not user defined)

I have a ListView (with a GridView), with selection mode set to multiple. This is on one side of a grid, and on the other side is a TreeView. I have got it so that I can drag multiple items over from the ListView to the Tree view; using a MouseMove event on the ListView and a Drop Event on the TreeView. The Issue I am having is that if you select multiple items, then click and drag across, the item getting clicked to initiate the drag gets deselected.

I've been browsing through other related questions and documentation and I am struggling to find an answer. I have tried using separate mouseup and mousedown events, and keeping track of the selected items in a list.

Below is the code behind:

namespace TaskPlanner
{
 
	public partial class MainWindow : Window
	{
		 public class Task
		 {
			public string Headline {get; set;}
			public string TaskType {get; set;}
			public int Priority {get; set;}
		 }
			
		 public ObservableCollection TreeViewSourceItems { get; set; }
		 public ObservableCollection ListViewSourceItems { get; set; }
	
		 public MainWindow()
		 {
			InitializeComponent();
			DataContext = this;
			
			TreeViewSourceItems = new ObservableCollection();
			ListViewSourceItems = new ObervableCollection();
			
			/* Normally the task data comes from a database, but the data source is not a factor in this issue*/
			ListViewSourceItems.Add(new Task { Headline = "Task 1", TaskType = "Review", Priority = 1});
			ListViewSourceItems.Add(new Task { Headline = "Task 2", TaskType = "Dev", Priority = 2});
			ListViewSourceItems.Add(new Task { Headline = "Task 3", TaskType = "Write", Priority = 3});
			
			taskListView.ItemsSource = ListViewSourceItems;
			taskTreeView.ItemsSource = TreeViewSourceItems.
			
	     }
	
	
		 
		
		 private void OnMouseMove(object sender, MouseEventArgs e)
		 {
		 	if (e.LeftButton == MouseButtonState.Pressed)
		    {
		        List taskList = new List();
		        
		        foreach (Task task in taskListView.SelectedItems)
		        {
		            taskList.Add(task);
		        }
		
		        DataObject data = new DataObject(taskList);
		        DragDrop.DoDragDrop(taskListView, data, DragDropEffects.Move);
		    }
		 }
		
		 private void OnDropEvent(object sender, DragEventArgs e)
		 {
		 	Type type = typeof(List);
		    
		    List selectedItems = e.Data.GetData(type) as List;
		    
		    foreach (Task task in selectedItems)
		    {
		    	TreeViewItem treeViewItem = new TreeViewItem();
		        
		        treeViewItem.Header = task.Headline;
		        TreeViewSourceItems.Add(treeViewItem);
		        ListViewSourceItems.Remove(task);
		        
		        ICollection dataView =
		    CollectionViewSource.GetDefaultView(taskListView.ItemsSource);
		        dataView.Refresh();
		        
		        dataView = CollectionViewSource.GetDefaultView(taskTreeView.ItemsSource);
		            dataView.Refresh();
		    }
		        
		}
	
	}
}

The drag and drop functionality mostly works it's just the issue as mentioned above is with selection/deselection when dragging items from the ListView, if you select some items and then click one of said items to initiate the drag/drop that clicked item is deselected and not included in the dragged items. The desired result is to keep it so that items can be deselected if clicked, but not deselected if that click is followed by a drag.

The target framework is .Net Framework 4.7.2, as this is the most recent version available to me on the system this work is being carried out on.

Accepted Answer

Hi,@Amelia Moseley. To ensure that the selection is preserved during the drag-and-drop operation, you could use the following code to preserve the selection.

The following code handles the mouse events and drag-and-drop operations for transferring items from the ListView to the TreeView.

xaml:

codebedhind:


  private void OnPreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            
            DependencyObject originalSource = e.OriginalSource as DependencyObject;
            ListViewItem clickedItem = FindVisualParent(originalSource);

            if (clickedItem != null && clickedItem.IsSelected)
            {
               
                clickedItem.IsSelected = false;
            }
        }

   private void OnMouseMove(object sender, MouseEventArgs e)
        {
            if (e.LeftButton == MouseButtonState.Pressed)
            {
                List taskList = new List();

                foreach (Task task in taskListView.SelectedItems)
                {
                    taskList.Add(task);
                }

                DataObject data = new DataObject(taskList);
                DragDrop.DoDragDrop(taskListView, data, DragDropEffects.Move);
            }
        }

        private void OnDropEvent(object sender, DragEventArgs e)
        {
            Type type = typeof(List);

            List selectedItems = e.Data.GetData(type) as List;

            foreach (Task task in selectedItems)
            {
                TreeViewItem treeViewItem = new TreeViewItem();

                treeViewItem.Header = task.Headline;
                TreeViewSourceItems.Add(treeViewItem);
                ListViewSourceItems.Remove(task);

                ICollectionView dataView = CollectionViewSource.GetDefaultView(taskListView.ItemsSource);
                dataView.Refresh();

                dataView = CollectionViewSource.GetDefaultView(taskTreeView.ItemsSource);
                dataView.Refresh();
            }
        }

        private static T FindVisualParent(DependencyObject obj) where T : DependencyObject
        {
            while (obj != null)
            {
                if (obj is T parent)
                {
                    return parent;
                }
                obj = VisualTreeHelper.GetParent(obj);
            }
            return null;
        }

If the response is helpful, please click "Accept Answer" and upvote it.

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Share via

How to preserve selection when dragging multiple items in WPF

0 additional answers