如何取消DataGrid删除操作？CollectionViewSource实例绑定相关疑问

嘿，我来帮你搞定这个DataGrid取消删除的功能！结合你现有的CollectionViewSource配置和Fody的INPC实现，咱们可以用软标记+视图过滤的思路来做，既不破坏原有集合结构，又能轻松实现取消删除的操作，步骤如下：

1. 给数据模型添加删除标记属性 #

因为你用了Fody的AddINotifyPropertyChangedInterface，直接给ImageFileDetails加一个布尔属性就好，Fody会自动帮我们处理属性变更通知：

[AddINotifyPropertyChangedInterface]
public class ImageFileDetails
{
    // 你的原有属性，比如文件名、路径等
    public string FileName { get; set; }
    public string FilePath { get; set; }
    
    // 新增：标记是否待删除，默认false
    public bool IsMarkedForDeletion { get; set; } = false;
}

2. 在视图模型中配置CollectionView的过滤逻辑 #

原来的两个CollectionViewSource都绑定同一个ImageFiles集合，现在我们让它们分别过滤出“保留项”和“待删除项”。在视图模型里直接管理两个ICollectionView实例，这样更符合MVVM：

[AddINotifyPropertyChangedInterface]
public class ImageViewModel
{
    public ObservableCollection<ImageFileDetails> ImageFiles { get; set; } = new ObservableCollection<ImageFileDetails>();
    
    // 对外暴露两个过滤后的视图
    public ICollectionView CurrentImagesView { get; private set; }
    public ICollectionView ToDeleteImagesView { get; private set; }

    public ImageViewModel()
    {
        // 初始化当前视图：只显示未标记删除的项
        CurrentImagesView = CollectionViewSource.GetDefaultView(ImageFiles);
        CurrentImagesView.Filter = item => !((ImageFileDetails)item).IsMarkedForDeletion;
        
        // 初始化待删除视图：只显示标记删除的项
        ToDeleteImagesView = new CollectionViewSource { Source = ImageFiles }.View;
        ToDeleteImagesView.Filter = item => ((ImageFileDetails)item).IsMarkedForDeletion;
    }
}

然后修改XAML里的CollectionViewSource绑定，直接指向视图模型的这两个视图：

<FrameworkElement.Resources>
    <CollectionViewSource x:Key="currentImages" Source="{Binding CurrentImagesView}" />
    <CollectionViewSource x:Key="toDeleteImages" Source="{Binding ToDeleteImagesView}" />
</FrameworkElement.Resources>

3. 实现标记删除和取消删除的命令 #

在视图模型里添加两个ICommand，分别处理标记删除和取消标记的逻辑（这里假设你用了RelayCommand，如果没有可以自己实现一个简单的ICommand）：

// 标记为待删除的命令
public ICommand MarkForDeletionCommand { get; }
// 取消删除标记的命令
public ICommand UnmarkForDeletionCommand { get; }
// 可选：最终确认删除的命令
public ICommand ConfirmDeletionCommand { get; }

public ImageViewModel()
{
    // ...前面的初始化代码
    
    // 标记删除：设置项的IsMarkedForDeletion为true，然后刷新视图
    MarkForDeletionCommand = new RelayCommand<ImageFileDetails>(item =>
    {
        if (item == null) return;
        item.IsMarkedForDeletion = true;
        CurrentImagesView.Refresh();
        ToDeleteImagesView.Refresh();
    });

    // 取消删除：把标记改回false，刷新视图
    UnmarkForDeletionCommand = new RelayCommand<ImageFileDetails>(item =>
    {
        if (item == null) return;
        item.IsMarkedForDeletion = false;
        CurrentImagesView.Refresh();
        ToDeleteImagesView.Refresh();
    });

    // 可选：最终确认删除，把标记的项从原集合移除
    ConfirmDeletionCommand = new RelayCommand(() =>
    {
        var itemsToRemove = ImageFiles.Where(item => item.IsMarkedForDeletion).ToList();
        foreach (var item in itemsToRemove)
        {
            ImageFiles.Remove(item);
        }
        // 移除集合项后，视图会自动更新，不需要手动刷新
    });
}

4. 在DataGrid中绑定命令 #

给两个DataGrid分别添加操作按钮，绑定对应的命令：

<!-- 显示当前保留图片的DataGrid -->
<DataGrid ItemsSource="{Binding Source={StaticResource currentImages}}">
    <DataGrid.Columns>
        <DataGridTextColumn Binding="{Binding FileName}" Header="文件名" />
        <DataGridTemplateColumn Header="操作">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <Button Content="标记删除" 
                            Command="{Binding DataContext.MarkForDeletionCommand, RelativeSource={RelativeSource AncestorType=DataGrid}}" 
                            CommandParameter="{Binding}" />
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>

<!-- 显示待删除图片的DataGrid -->
<DataGrid ItemsSource="{Binding Source={StaticResource toDeleteImages}}">
    <DataGrid.Columns>
        <DataGridTextColumn Binding="{Binding FileName}" Header="待删除文件名" />
        <DataGridTemplateColumn Header="操作">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <Button Content="取消删除" 
                            Command="{Binding DataContext.UnmarkForDeletionCommand, RelativeSource={RelativeSource AncestorType=DataGrid}}" 
                            CommandParameter="{Binding}" />
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>

为什么这么做？ #

这种方式用“软标记”代替直接删除原集合的项，好处是：

• 取消删除只需要修改标记，不需要恢复已删除的项，逻辑简单
• 两个CollectionViewSource通过过滤自动区分显示内容，和你现有的结构完美适配
• 基于Fody的INPC，属性变更会自动通知UI，不需要手动触发PropertyChanged事件

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