WPF C#：实现DataGrid分组间拖拽重排项的方法求助

当然有可行的实现方案！针对绑定CollectionView的DataGrid实现分组间的项拖拽，我给你整理了一套亲测有效的思路和代码示例👇

要实现分组间拖拽，核心是捕获拖拽的项→传递拖拽数据→更新项的分组属性→刷新CollectionView，因为CollectionView的分组是基于数据源的属性动态生成的，只要修改数据源的分组标识，再刷新视图就能完成分组切换。

1. DataGrid的XAML配置 #

首先开启DataGrid的拖拽支持，并绑定必要的事件：

<DataGrid x:Name="MyDataGrid" 
          ItemsSource="{Binding MyCollectionView}"
          AllowDrop="True"
          PreviewMouseLeftButtonDown="MyDataGrid_PreviewMouseLeftButtonDown"
          PreviewMouseMove="MyDataGrid_PreviewMouseMove"
          Drop="MyDataGrid_Drop">
    <!-- 分组样式设置，这里按Category字段分组 -->
    <DataGrid.GroupStyle>
        <GroupStyle>
            <GroupStyle.HeaderTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding Name}" FontWeight="Bold" Padding="5"/>
                </DataTemplate>
            </GroupStyle.HeaderTemplate>
        </GroupStyle>
    </DataGrid.GroupStyle>
    <!-- 自定义列，根据你的数据模型调整 -->
    <DataGrid.Columns>
        <DataGridTextColumn Header="项目名称" Binding="{Binding Name}" Width="*"/>
        <DataGridTextColumn Header="所属分组" Binding="{Binding Category}" Width="150"/>
    </DataGrid.Columns>
</DataGrid>

2. 数据模型与CollectionView初始化 #

你的数据模型必须实现INotifyPropertyChanged，这样修改分组属性时UI才能自动更新：

using System.ComponentModel;
using System.Runtime.CompilerServices;

public class ItemModel : INotifyPropertyChanged
{
    private string _name;
    public string Name
    {
        get => _name;
        set { _name = value; OnPropertyChanged(); }
    }

    private string _category;
    // 这个字段是分组的依据
    public string Category
    {
        get => _category;
        set { _category = value; OnPropertyChanged(); }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

然后在ViewModel或窗口后台初始化CollectionView：

using System.Collections.ObjectModel;
using System.Windows.Data;

public ICollectionView MyCollectionView { get; set; }
private ObservableCollection<ItemModel> _itemSource;
private ItemModel _draggedItem; // 记录当前拖拽的项

public MainWindow()
{
    InitializeComponent();
    // 初始化数据源
    _itemSource = new ObservableCollection<ItemModel>
    {
        new ItemModel { Name = "项目A1", Category = "分组A" },
        new ItemModel { Name = "项目A2", Category = "分组A" },
        new ItemModel { Name = "项目B1", Category = "分组B" },
        new ItemModel { Name = "项目B2", Category = "分组B" }
    };
    // 创建带分组的CollectionView
    MyCollectionView = CollectionViewSource.GetDefaultView(_itemSource);
    MyCollectionView.GroupDescriptions.Add(new PropertyGroupDescription("Category"));
    DataContext = this;
}

3. 拖拽事件处理 #

3.1 记录拖拽项 #

在鼠标按下时捕获要拖拽的DataGridRow对应的项：

using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Media;

private void MyDataGrid_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    // 查找点击的DataGridRow
    var row = UIHelpers.TryFindParent<DataGridRow>(e.OriginalSource as DependencyObject);
    if (row != null)
    {
        _draggedItem = row.Item as ItemModel;
    }
}

3.2 触发拖拽操作 #

鼠标移动时启动拖拽：

private void MyDataGrid_PreviewMouseMove(object sender, MouseEventArgs e)
{
    // 只有按住左键且有拖拽项时才触发
    if (_draggedItem != null && e.LeftButton == MouseButtonState.Pressed)
    {
        DragDrop.DoDragDrop(MyDataGrid, _draggedItem, DragDropEffects.Move);
        _draggedItem = null; // 拖拽完成后清空
    }
}

3.3 处理放置逻辑 #

拖拽完成后更新项的分组属性，并刷新CollectionView：

private void MyDataGrid_Drop(object sender, DragEventArgs e)
{
    if (!e.Data.GetDataPresent(typeof(ItemModel))) return;

    var droppedItem = e.Data.GetData(typeof(ItemModel)) as ItemModel;
    // 找到放置目标所在的DataGridRow
    var targetRow = UIHelpers.TryFindParent<DataGridRow>(e.OriginalSource as DependencyObject);
    
    if (targetRow != null && droppedItem != null)
    {
        var targetItem = targetRow.Item as ItemModel;
        if (targetItem != null && droppedItem.Category != targetItem.Category)
        {
            // 更新拖拽项的分组属性
            droppedItem.Category = targetItem.Category;
            // 刷新CollectionView，让分组重新排列
            MyCollectionView.Refresh();
        }
    }
}

4. 辅助工具类 #

添加一个视觉树查找的辅助类，用来找到父级的DataGridRow：

public static class UIHelpers
{
    public static T TryFindParent<T>(DependencyObject child) where T : DependencyObject
    {
        if (child == null) return null;
        
        DependencyObject parentObject = VisualTreeHelper.GetParent(child);
        if (parentObject is T parent)
            return parent;
        
        return TryFindParent<T>(parentObject);
    }
}

• 如果想支持拖拽到分组头上直接修改分组，可以给分组头添加AllowDrop="True"，并单独处理分组头的Drop事件，通过GroupItem的Content获取分组名称。
• 可以添加拖拽时的视觉反馈，比如在DragOver事件中设置e.Effects = DragDropEffects.Move，或者自定义拖拽装饰器（Adorner）。
• 如果你的数据源是异步加载的，记得在修改数据后切换到UI线程刷新CollectionView。

内容的提问来源于stack exchange，提问作者Eva Leigh