使用 ICollectionView 过滤 ObservableCollection

Question

我已将 ObservableCollection 绑定到 dataGrid，现在我想过滤显示的数据我发现我需要使用 ICollectionView 但我不确定如何添加 ICollectionView 与我的 MVVM 模式。

我的代码简化如下：

public class MainViewModel : ViewModelBase , IBarcodeHandler
{
    public ObservableCollection<TraceDataItem> TraceItemCollectionViewSource { get; set; }
}

我的XAML

    <Window xmlns:controls="clr-namespace:Mentor.Valor.vManage.RepairStation.Controls"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
            <DataGrid Grid.Row="2" ColumnWidth="*"  ItemsSource="{Binding TraceItemCollectionViewSource , Mode=TwoWay , UpdateSourceTrigger=PropertyChanged}" RowStyle="{StaticResource TraceRowStyle}"  IsReadOnly="True" Name="TraceDataGrid" Margin="5,5,5,5" Padding="5,5,5,5" AutoGenerateColumns="False">
    </Window>

如何在此处添加 ICollectionView 以便对视图应用过滤？

Answer 1

A CollectionView 并不总是最好的解决方案。您还可以使用一些简单的 LinQ 过滤 collection。举个简单的例子：

public ObservableCollection<TraceDataItem> FilteredData
{
    get 
    {
        return new ObservableCollection<TraceDataItem>(YourUnfilteredCollection.Where(
            i => MeetsFilterRequirements(i))); 
    }
}

private bool MeetsFilterRequirements(TraceDataItem item)
{
    return item.SomeProperty == someValue || item is SomeType;
}

这种方法的美妙之处在于您可以添加一些复杂的过滤要求。需要注意的一件事：每当此方法中的任何属性发生更改时，您都需要调用 NotifyPropertyChanged("FilteredData") 以确保 UI 将相应更新。

Answer 2

您需要：

public class MainViewModel : ViewModelBase, IBarcodeHandler
{
    public ICollectionView TraceItemCollectionView
    {
        get { return CollectionViewSource.GetDefaultView(TraceItemCollectionViewSource); }
    }

    public ObservableCollection<TraceDataItem> TraceItemCollectionViewSource { get; set; }
}

然后，在代码的某处（也许在构造函数中）添加您的过滤器：

TraceItemCollectionView.Filter = o =>
{
    var item = (TraceDataItem) o;

    //based on item, return true if it should be visible, or false if not

    return true;
};

并且，在 XAML 中，您需要更改对 TraceItemCollectionView 的绑定属性。

Answer 3

您可以从命令调用过滤器回调并从 CollectionViewSource 公开视图属性：

public class ViewModel: INotifyPropertyChanged
{
    private CollectionViewSource data = new CollectionViewSource();
    private ObservableCollection<Child> observableChilds = new ObservableCollection<Child>();

    public ViewModel()
    {
        var model = new Model();
        model.ChildList.Add(new Child { Name = "Child 1" });
        model.ChildList.Add(new Child { Name = "Child 2" });
        model.ChildList.Add(new Child { Name = "Child 3" });
        model.ChildList.Add(new Child { Name = "Child 4" });
        //Populate ObservableCollection
        model.ChildList.ToList().ForEach(child => observableChilds.Add(child));

        this.data.Source = observableChilds;
        ApplyFilterCommand = new DelegateCommand(OnApplyFilterCommand);
    }

    public ICollectionView ChildCollection
    {
        get { return data.View; }
    }

    public DelegateCommand ApplyFilterCommand { get; set; }

    private void OnApplyFilterCommand()
    {
        data.View.Filter = new Predicate<object>(x => ((Child)x).Name == "Child 1");
        OnPropertyChanged("ChildCollection");
    }
}

//Sample Model used
public class Model
{
    public Model() 
    {
        ChildList = new HashSet<Child>();
    }

    public ICollection<Child> ChildList { get; set; }
}

public class Child
{
    public string Name { get; set; }
}

//View
<ListBox ItemsSource="{Binding Path = ChildCollection}" >
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Label Content="{Binding Name}"/>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

<Button Command="{Binding ApplyFilterCommand}"/>

使用 ICollectionView 过滤 ObservableCollection

Filtering ObservableCollection with ICollectionView

c#

data-binding

wpf

xaml

mvvm