WPF Drag and Drop from ListBox into TreeView

Question

I am trying to understand Drag and Drop login in WPF application. I have made simple example and I think I got ListBox items already, but I can't understand how to Drop selected item from ListBox into TreeView. Can somebody provide the solution to this problem so I can understand the logic? I have went through many examples, but couldn't get it working in my model. What is currently wrong?

MainWindow.xaml.cs:

using DragnDrop.Models;
using System;
using System.Collections;
using System.Diagnostics;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Media;

namespace DragnDrop
{
  /// 
  /// Interaction logic for MainWindow.xaml
  /// 
  public partial class MainWindow : Window
  {
    public MainWindow()
    {
      InitializeComponent();
    }

    ListBox dragSource = null;

    private void TreeView_Drop(object sender, DragEventArgs e)
    {
      TreeView parent = (TreeView)sender;
      object data = e.Data.GetData(typeof(string));
      ((IList)dragSource.ItemsSource).Remove(data);
      //parent.Items.Add(data);
      Debug.WriteLine(data);
    }

    private void ListBox_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
      ListBox parent = (ListBox)sender;
      dragSource = parent;
      object data = GetDataFromListBox(dragSource, e.GetPosition(parent));

      if (data != null)
      {
        DragDrop.DoDragDrop(parent, data, DragDropEffects.Move);
      }
    }

    private static object GetDataFromListBox(ListBox source, Point point)
    {
      UIElement element = source.InputHitTest(point) as UIElement;
      if (element != null)
      {
        object data = DependencyProperty.UnsetValue;
        while (data == DependencyProperty.UnsetValue)
        {
          data = source.ItemContainerGenerator.ItemFromContainer(element);

          if (data == DependencyProperty.UnsetValue)
          {
            element = VisualTreeHelper.GetParent(element) as UIElement;
          }

          if (element == source)
          {
            return null;
          }
        }

        if (data != DependencyProperty.UnsetValue)
        {
          return data;
        }
      }

      return null;
    }
  }
}

MainWindow.xaml:

Here is link to repo with working example: https://github.com/vadimffe/DragnDrop

Accepted Answer

I made a demo to drag and drop from ListBox into TreeView for you.
xaml code:

C# code:

public partial class Window2 : Window  
    {  
        ViewModel viewModel = new ViewModel();  
        TreeViewItem draggedItem;  
        public Window2()  
        {  
            InitializeComponent();  
            this.tvParameters.Items.Add(viewModel.TreeViewItems);  
            lb.ItemsSource = viewModel.ListBoxItems;  
        }  
  
        private void treeView_Drop(object sender, DragEventArgs e)  
        {  
            try  
            {  
                e.Effects = DragDropEffects.None;  
                e.Handled = true;  
                draggedItem = new TreeViewItem() { Header = mydata };  
                TreeViewItem TargetItem = GetNearestContainer(e.OriginalSource as UIElement);  
                if (TargetItem != null && draggedItem != null)  
                {  
                    e.Effects = DragDropEffects.Move;  
                    MenuItem original = viewModel.TreeViewItems;  
  
                    MenuItem target = (MenuItem)TargetItem.Header;  
  
                    if (target.Title == original.Title)  
                    {  
                        target.Level = original.Level;  
                    }  
                    else  
                    {  
                        CheckInTree(target, original.Items);  
                    }  
                    MenuItem draggedMeun = new MenuItem() { Items = null, Title = mydata.ToString() };  
                    addChild(draggedMeun, target);  
                    viewModel.ListBoxItems.Remove(mydata.ToString());  
                    lb.ItemsSource = viewModel.ListBoxItems;  
                }  
            }  
            catch (Exception)  
            {  
            }  
        }  
  
        private MenuItem CheckInTree(MenuItem target, ObservableCollection originalItems)  
        {  
            MenuItem newtarget = originalItems.Where(m => m.Title == target.Title).FirstOrDefault();  
            if (originalItems.Count != 0 && newtarget == null)  
            {  
                foreach (MenuItem menu in originalItems)  
                {  
                    ObservableCollection menus = new ObservableCollection();  
                    menus = menu.Items;  
                    CheckInTree(target, menus);  
                }  
            }  
            return newtarget;  
        }  
  
        public void addChild(MenuItem _sourceItem, MenuItem _targetItem)  
        {  
  
            if (_targetItem == null) return;  
            MenuItem item1 = new MenuItem();  
            item1.Title = _sourceItem.Title;  
            _targetItem.Items.Add(item1);  
  
            if (_sourceItem.Items != null)  
            {  
                foreach (MenuItem item in _sourceItem.Items)  
                {  
                    addChild(item, item1);  
                }  
            }  
  
        }  
  
        
  
        ListBox dragSource = null;  
        object mydata;  
        private void ListBox_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)  
        {  
            ListBox parent = (ListBox)sender;  
            dragSource = parent;  
            mydata = GetDataFromListBox(dragSource, e.GetPosition(parent));  
  
            if (mydata != null)  
            {  
                DragDrop.DoDragDrop(parent, mydata, DragDropEffects.Move);  
            }  
        }  
  
        private static object GetDataFromListBox(ListBox source, Point point)  
        {  
            UIElement element = source.InputHitTest(point) as UIElement;  
            if (element != null)  
            {  
                object data = DependencyProperty.UnsetValue;  
                while (data == DependencyProperty.UnsetValue)  
                {  
                    data = source.ItemContainerGenerator.ItemFromContainer(element);  
  
                    if (data == DependencyProperty.UnsetValue)  
                    {  
                        element = VisualTreeHelper.GetParent(element) as UIElement;  
                    }  
  
                    if (element == source)  
                    {  
                        return null;  
                    }  
                }  
  
                if (data != DependencyProperty.UnsetValue)  
                {  
                    return data;  
                }  
            }  
  
            return null;  
        }  
  
  
        private TreeViewItem GetNearestContainer(UIElement element)  
        {  
            TreeViewItem container = element as TreeViewItem;  
            while ((container == null) && (element != null))  
            {  
                element = VisualTreeHelper.GetParent(element) as UIElement;  
                container = element as TreeViewItem;  
            }  
            return container;  
        }  
    }  


  public class ViewModel : NotifyObject  
    {  
        public ViewModel()  
        {  
            this.ListBoxItems.Add("Fruit Ninja");  
            this.ListBoxItems.Add("Opera Browser");  
            this.ListBoxItems.Add("Notepad");  
            this.ListBoxItems.Add("Apple");  
            this.ListBoxItems.Add("Orange");  
  
  
            TreeViewItems = new MenuItem() { Title = "Menu",Level="0" };  
            MenuItem childItem1 = new MenuItem() { Title = "1", Level = "1" };  
            childItem1.Items.Add(new MenuItem() { Title = "#1.1",Level="2" });  
            childItem1.Items.Add(new MenuItem() { Title = "#1.2", Level = "2" });  
            TreeViewItems.Items.Add(childItem1);  
            TreeViewItems.Items.Add(new MenuItem() { Title = "2" ,Level = "1" });  
        }  
        public ObservableCollection ListBoxItems = new ObservableCollection();  
  
        public MenuItem tireeViewItems  = new MenuItem();  
        public MenuItem TreeViewItems  
        {  
            get { return tireeViewItems; }  
            set  
            {  
                tireeViewItems = value;  
                OnPropertyChange("TreeViewItems");  
            }  
        }  
         
    }  
  
    public class MenuItem: NotifyObject  
    {  
        private string level;  
        public string Level  
        {  
            get { return level; }  
            set  
            {  
                level = value;  
                OnPropertyChange("Level");  
            }  
        }  
  
  
        private string title;  
        public string Title   
        {  
            get { return title; }  
            set   
            {   
                title = value;  
                OnPropertyChange("Title");  
            }  
        }  
  
        private ObservableCollection items = new ObservableCollection();  
        public ObservableCollection Items  
        {  
            get { return items; }  
            set  
            {  
                items = value;  
                OnPropertyChange("Items");  
            }  
        }  
    }  
  
    public class NotifyObject : INotifyPropertyChanged  
    {  
        public event PropertyChangedEventHandler PropertyChanged;  
  
        protected void OnPropertyChange(string propertyName)  
        {  
            if (PropertyChanged != null)  
            {  
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));  
            }  
        }  
  
    }

The result picture:

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.

Answer

Hi,
try my MVVM demo with your XAML and Interactivity dll from NuGet.

XAML:

and classes:

using System.Collections.ObjectModel;  
using System.ComponentModel;  
using System.Windows;  
using System.Windows.Controls;  
using System.Windows.Data;  
using System.Windows.Input;  
using System.Windows.Interactivity;  
using System.Windows.Media;  
  
namespace WpfApp046  
{  
  public class MainViewModel  
  {  
    public MainViewModel()  
    {  
      for (int i = 1; i < 100; i++) colListBox.Add(new CategoryItem() { ItemName = $"Category {i}" });  
      cvsListBox.Source = colListBox;  
      colTreeView.Add(new CategoryItem() { ItemName = "Root" });  
      cvsTreeView.Source = colTreeView;  
    }  
    public ObservableCollection colListBox = new ObservableCollection();  
    private CollectionViewSource cvsListBox = new CollectionViewSource();  
    public ListCollectionView ListBoxItems { get => (ListCollectionView)cvsListBox.View; }  
  
    public ObservableCollection colTreeView = new ObservableCollection();  
    private CollectionViewSource cvsTreeView = new CollectionViewSource();  
    public ICollectionView TreeViewItems { get => cvsTreeView.View; }  
  }  
  
  public class CategoryItem  
  {  
    public string ItemName { get; set; }  
    public ObservableCollection CategoryItems { get; } = new ObservableCollection();  
  }  
  
  public class DragDropBehavior : Behavior  
  {  
    protected override void OnAttached()  
    {  
      AssociatedObject.PreviewMouseLeftButtonDown += PreviewMouseLeftButtonDown;  
      AssociatedObject.Drop += Tv_Drop;  
    }  
  
    private void PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)  
    {  
      if (sender is ListBox)  
      {  
        ListBox dragSource = (ListBox)sender;  
        object data = GetDataFromListBox(dragSource, e.GetPosition(AssociatedObject));  
        if (data != null) DragDrop.DoDragDrop(dragSource, data, DragDropEffects.Move);  
      }  
    }  
  
    private static object GetDataFromListBox(ListBox source, Point point)  
    {  
      UIElement element = source.InputHitTest(point) as UIElement;  
      if (element != null)  
      {  
        object data = DependencyProperty.UnsetValue;  
        while (data == DependencyProperty.UnsetValue)  
        {  
          data = source.ItemContainerGenerator.ItemFromContainer(element);  
          if (data == DependencyProperty.UnsetValue) element = VisualTreeHelper.GetParent(element) as UIElement;  
          if (element == source) return null;  
        }  
        if (data != DependencyProperty.UnsetValue) return data;  
      }  
      return null;  
    }  
  
   private void Tv_Drop(object sender, DragEventArgs e)  
    {  
      if (sender is TreeView)  
      {  
        e.Effects = DragDropEffects.None;  
        e.Handled = true;  
        // Verify that this is a valid drop and then store the drop target  
        CategoryItem targetItem = (e.OriginalSource as TextBlock)?.DataContext as CategoryItem;  
        MainViewModel vm = (sender as TreeView).DataContext as MainViewModel;  
        if (targetItem != null && vm != null)  
        {  
          object data = e.Data.GetData(typeof(CategoryItem));  
          ((ListCollectionView)vm.ListBoxItems).Remove(data);  
          targetItem.CategoryItems.Add((CategoryItem)data);  
          e.Effects = DragDropEffects.Move;  
        }  
      }  
    }  
  }  
}

Result:

WPF Drag and Drop from ListBox into TreeView

1 additional answer