MVVM模式下如何通过TextBox过滤绑定的ObservableCollection？

嗨，这个需求用WPF自带的ICollectionView就能完美解决，完全不用复制原集合，这也是MVVM场景下过滤集合的标准最优方案，我给你一步步拆解怎么实现：

核心思路 #

ICollectionView相当于原集合的"视图层"，它可以在不修改原集合的前提下，对数据做过滤、排序、分组操作。ListBoxEdit绑定到这个视图，用户输入过滤文本时，只需要更新视图的过滤规则，就能实时看到过滤后的结果。

具体实现步骤 #

1. 在ViewModel中添加必要属性

保留你原有的AnnotationList作为完整数据源，新增两个属性：一个ICollectionView类型的视图属性，一个用于绑定TextBox的过滤文本属性：

' 原有的完整注解集合（保存所有数据）
Private Property _annotationList As ObservableCollection(Of PdfMarkupAnnotationDataWrapper)
Public Property AnnotationList As ObservableCollection(Of PdfMarkupAnnotationDataWrapper)
    Get
        Return _annotationList
    End Get
    Set(value As ObservableCollection(Of PdfMarkupAnnotationDataWrapper))
        _annotationList = value
        OnPropertyChanged()
        ' 当原集合初始化/更新时，创建对应的视图并设置过滤规则
        AnnotationListView = CollectionViewSource.GetDefaultView(_annotationList)
        AnnotationListView.Filter = AddressOf FilterAnnotations
    End Set
End Property

' 用于绑定到ListBoxEdit的过滤视图
Private _annotationListView As ICollectionView
Public Property AnnotationListView As ICollectionView
    Get
        Return _annotationListView
    End Get
    Set(value As ICollectionView)
        _annotationListView = value
        OnPropertyChanged()
    End Set
End Property

' 绑定到TextBox的过滤文本
Private _filterText As String
Public Property FilterText As String
    Get
        Return _filterText
    End Get
    Set(value As String)
        _filterText = value
        OnPropertyChanged()
        ' 每次输入变化时，刷新视图的过滤结果
        AnnotationListView?.Refresh()
    End Set
End Property

2. 实现过滤逻辑

添加一个过滤方法，根据FilterText判断项是否需要显示：

Private Function FilterAnnotations(item As Object) As Boolean
    Dim annotation = TryCast(item, PdfMarkupAnnotationDataWrapper)
    If annotation Is Nothing Then Return False

    ' 如果过滤文本为空，显示所有项
    If String.IsNullOrEmpty(FilterText) Then Return True

    ' 这里替换成你实际需要过滤的属性，比如注解的内容、作者等
    ' 示例：忽略大小写匹配注解的文本内容
    Return annotation.AnnotationText?.IndexOf(FilterText, StringComparison.OrdinalIgnoreCase) >= 0
End Function

3. 绑定到XAML

把TextBox和ListBoxEdit分别绑定到对应的属性：

<!-- 过滤输入框，UpdateSourceTrigger=PropertyChanged确保输入实时生效 -->
<TextBox Text="{Binding FilterText, UpdateSourceTrigger=PropertyChanged}" 
         PlaceholderText="输入内容过滤注解..." />

<!-- ListBoxEdit绑定到过滤视图，而不是原集合 -->
<dxe:ListBoxEdit ItemsSource="{Binding AnnotationListView}" />

为什么这是最优方案？ #

• 无需复制集合：所有操作基于原集合的视图，不会额外占用内存，也不会破坏原数据的完整性
• 自动同步：如果原集合动态添加/删除项，视图会自动同步更新
• 符合MVVM：过滤逻辑完全在ViewModel中实现，和视图解耦，便于维护和测试
• 性能优化：ICollectionView是WPF原生组件，已经做了性能优化，过滤效率高

注意事项 #

• 确保你的ViewModel已经实现了INotifyPropertyChanged接口（从你代码里的OnPropertyChanged()来看应该已经实现了）
• 过滤逻辑可以根据需求灵活调整，比如匹配多个属性、使用正则表达式等
• 如果需要更复杂的过滤（比如多条件组合），只需要修改FilterAnnotations方法即可

内容的提问来源于stack exchange，提问作者Detlef D Soost