it-swarm.com.ru

Правильный способ использования CollectionViewSource в ViewModel

Я использовал Drag and Drop для привязки объекта Data Source (модель БД) к DataGrid (в основном следуя этому примеру в Привязка данных Entity Framework с WPF

Все отлично работает с этой реализацией.

XAML

<Window.Resources>    
<CollectionViewSource x:Key="categoryViewSource"  
    d:DesignSource="{d:DesignInstance {x:Type local:Category}, CreateList=True}"/>
</Window.Resources>
<Grid DataContext="{StaticResource categoryViewSource}">
..

Код позади

private void Window_Loaded(object sender, RoutedEventArgs e)
{
   System.Windows.Data.CollectionViewSource categoryViewSource =
      ((System.Windows.Data.CollectionViewSource)(this.FindResource("categoryViewSource")));

  _context.Categories.Load();
  categoryViewSource.Source = _context.Categories.Local;        
}

ViewModel

public MainWindow()
{
    InitializeComponent();
    this.DataContext = new MyViewModel();
}

Однако, когда я пытаюсь использовать тот же код из ViewModel, он не работает (FindResource недоступен), кроме того, я не думаю, что это правильный подход (т.е. использовать x:Key в MVVM).

Я был бы очень признателен за любую помощь, чтобы указать мне, как правильно реализовать CollectionViewSource и DataBinding с DataGrid.

37
David S

У вас есть два варианта правильного использования CollectionViewSource с MVVM -

  1. Откройте ObservableCollection элементов (Categories в вашем случае) через ваш ViewModel и создайте CollectionViewSource в XAML следующим образом:

    <CollectionViewSource Source="{Binding Path=Categories}">
        <CollectionViewSource.SortDescriptions>
           <scm:SortDescription PropertyName="CategoryName" />
        </CollectionViewSource.SortDescriptions>
    </CollectionViewSource>
    

    scm: xmlns:scm="clr-namespace:System.ComponentModel;Assembly=Wind‌​owsBase"

    увидеть это - Filtering коллекции из XAML с использованием CollectionViewSource

  2. Создайте и выставьте ICollectionView прямо из вашей ViewModel

    увидеть это - Как перемещаться, группировать, сортировать и фильтровать данные в WPF

В следующем примере показано, как создать представление коллекции и Связать его с ListBox

Посмотреть XAML:

<Window 
    x:Class="CustomerView"
    xmlns="http://schemas.Microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.Microsoft.com/winfx/2006/xaml">
    <ListBox ItemsSource={Binding Customers} />
</Window>

Посмотреть код позади:

public class CustomerView
{
   public CustomerView()
   {
        DataContext = new CustomerViewModel();
   }
}

ViewModel:

public class CustomerViewModel
{
    private ICollectionView _customerView;

    public ICollectionView Customers
    {
        get { return _customerView; }
    }

    public CustomerViewModel()
    {
        IList<Customer> customers = GetCustomers();
        _customerView = CollectionViewSource.GetDefaultView(customers);
    }
}
50
akjoshi

Я обнаружил, что удобно иметь CollectionViewSource в моей ViewModel и связать ListBox (в моем случае) с CollectionViewSource.View, устанавливая CollectionViewSource.Source в список, который я хочу использовать. 

Вот так:

ViewModel: 

    public DesignTimeVM()  //I'm using this as a Design Time VM 
    {
        Items = new List<Foo>();
        Items.Add(new Foo() { FooProp= "1", FooPrep= 20.0 });
        Items.Add(new Foo() { FooProp= "2", FooPrep= 30.0 });

        FooViewSource = new CollectionViewSource();
        FooViewSource.Source = Items;

        SelectedFoo = Items.First();

        //More code as needed
    }

XAML: 

<ListBox ItemsSource="{Binding FooViewSource.View}" SelectedItem="{Binding SelectedFoo}"/>

Это означает, что я могу делать аккуратные вещи в VM по мере необходимости (от https://blogs.msdn.Microsoft.com/matt/2008/08/28/collectionview-deferrefresh-my-new-best- друг/ ):

        using (FooViewSource.DeferRefresh())
        {
            //Remove an old Item
            //add New Item
            //sort list anew, etc. 
        }

Я полагаю, что это возможно и при использовании объекта ICollectionView, но демонстрационный код в ссылке на блог, похоже, представляет собой некоторый фрагмент кода, напрямую ссылающийся на список, которого я стараюсь избегать. 

Кстати, прежде чем спросить, вот как вы используете VM Design Time: WPF Design Time View Model

6
gakera

Просто для справки, другим способом является использование присоединенного свойства в CollectionViewSource, которое затем передает функции в ViewModel (реализация интерфейса).

Это очень простая демонстрация только для фильтрации, она потребует некоторой работы, например, вторая коллекция на VM, но я думаю, что этого достаточно, чтобы показать общую технику.

Если это лучше или хуже, чем другие методы для обсуждения, я просто хотел бы отметить, что есть другой способ сделать это

Определение приложенного свойства:

public static class CollectionViewSourceFilter
{
    public static IFilterCollectionViewSource GetFilterObject(CollectionViewSource obj)
    {
        return (IFilterCollectionViewSource)obj.GetValue(FilterObjectProperty);
    }

    public static void SetFilterObject(CollectionViewSource obj, IFilterCollectionViewSource value)
    {
        obj.SetValue(FilterObjectProperty, value);
    }

    public static void FilterObjectChanged(object sender, DependencyPropertyChangedEventArgs e)
    {
        if (e.OldValue is IFilterCollectionViewSource oldFilterObject
            && sender is CollectionViewSource oldCvs)
        {
            oldCvs.Filter -= oldFilterObject.Filter;
            oldFilterObject.FilterRefresh -= (s, e2) => oldCvs.View.Refresh();
        }

        if (e.NewValue is IFilterCollectionViewSource filterObject
            && sender is CollectionViewSource cvs)
        {
            cvs.Filter += filterObject.Filter;
            filterObject.FilterRefresh += (s,e2) => cvs.View.Refresh();
        }
    }

    public static readonly DependencyProperty FilterObjectProperty = DependencyProperty.RegisterAttached(
        "FilterObject",
        typeof(Interfaces.IFilterCollectionViewSource),
        typeof(CollectionViewSourceFilter),
        new PropertyMetadata(null,FilterObjectChanged)
    );
}

Интерфейс:

public interface IFilterCollectionViewSource
{
    void Filter(object sender, FilterEventArgs e);
    event EventHandler FilterRefresh;
}

использование в xaml:

<CollectionViewSource
        x:Key="yourKey"
        Source="{Binding YourCollection}"
        classes:CollectionViewSourceFilter.FilterObject="{Binding}" />

и использование во ViewModel:

class YourViewModel : IFilterCollectionViewSource
{
    public event EventHandler FilterRefresh;

    private string _SearchTerm = string.Empty;
    public string SearchTerm
    {
        get { return _SearchTerm; }
        set {
            SetProperty(ref _SearchTerm, value);
            FilterRefresh?.Invoke(this, null);
        }
    }

    private ObservableCollection<YourItemType> _YourCollection = new ObservableCollection<YourItemType>();
    public ObservableCollection<YourItemType> YourCollection
    {
        get { return _YourCollection; }
        set { SetProperty(ref _YourCollection, value); }
    }

    public void Filter(object sender, FilterEventArgs e)
    {
        e.Accepted = (e.Item as YourItemType)?.YourProperty?.ToLower().Contains(SearchTerm.ToLower()) ?? true;
    }
}
0
FastJack