Como atualizar automaticamente o filtro e / ou a ordem de classificação no CollectionViewSource, quando a propriedade de um item individual é alterada?

Ok, esta questão está relacionada ao Windows Phone 7 / Silverlight (WP7 Tools atualizado, setembro de 2010), filtrando especificamente um objeto subjacenteObservableCollection<T>.

Ao abordar o aplicativo de controle Pivot do modelo WP7, deparei-me com um problema no qual alterar um item subjacente em umObservableCollection<T>, não resulta na atualização da caixa de listagem na tela. Basicamente, o aplicativo de exemplo tem dois pivôs, o primeiro diretamente vinculado ao subjacenteObservableCollection<T>e o segundo vinculado a umCollectionViewSource (ou seja, representando uma visualização filtrada no subjacenteObservableCollection<T>)

Os itens subjacentes que estão sendo adicionados aoObservableCollection<T> implementoINotifyPropertyChanged, igual a:

public class ItemViewModel : INotifyPropertyChanged
{       
    public string LineOne
    {
        get { return _lineOne; }
        set
        {
            if (value != _lineOne)
            {
                _lineOne = value;
                NotifyPropertyChanged("LineOne");
            }
        }
    } private string _lineOne;

    public string LineTwo
    {
        get { return _lineTwo; }
        set
        {
            if (value != _lineTwo)
            {
                _lineTwo = value;
                NotifyPropertyChanged("LineTwo");
            }
        }
    } private string _lineTwo;

    public bool IsSelected
    {
        get { return _isSelected; }
        set
        {
            if (value != _isSelected)
            {
                _isSelected = value;
                NotifyPropertyChanged("IsSelected");
            }
        }
    } private bool _isSelected = false;

    public event PropertyChangedEventHandler PropertyChanged;
    private void NotifyPropertyChanged(String propertyName)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

Em seguida, na classe principal, uma coleta de dados é inventada (lista reduzida por questões de brevidade, observe também que, diferentemente de outros itens, três das entradas LoadData () possuem IsSelected == true):

 public class MainViewModel : INotifyPropertyChanged
 {
  public MainViewModel()
  {
   this.Items = new ObservableCollection<ItemViewModel>();
  }

  public ObservableCollection<ItemViewModel> Items { get; private set; }

  public bool IsDataLoaded
  {
   get;
   private set;
  }

   public void LoadData()
  {
   this.Items.Add(new ItemViewModel() { LineOne = "runtime one", IsSelected = true, LineTwo = "Maecenas praesent accumsan bibendum" });
   this.Items.Add(new ItemViewModel() { LineOne = "runtime two", LineTwo = "Dictumst eleifend facilisi faucibus" });
   this.Items.Add(new ItemViewModel() { LineOne = "runtime three", IsSelected = true, LineTwo = "Habitant inceptos interdum lobortis" });
   this.Items.Add(new ItemViewModel() { LineOne = "runtime four", LineTwo = "Nascetur pharetra placerat pulvinar" });
   this.Items.Add(new ItemViewModel() { LineOne = "runtime five", IsSelected = true, LineTwo = "Maecenas praesent accumsan bibendum" });
   this.Items.Add(new ItemViewModel() { LineOne = "runtime six", LineTwo = "Dictumst eleifend facilisi faucibus" });
   this.IsDataLoaded = true;
  }

  public event PropertyChangedEventHandler PropertyChanged;
  public void NotifyPropertyChanged(String propertyName)
  {
   if (null != PropertyChanged)
   {
    PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
   }
  }
 }

No arquivo MainPage.xaml, o primeiro Pivot tem seuItemSource baseado diretamente noObservableCollection<T> Lista. No segundo Pivot, o ListBox na tela tem seuItemSource Propriedade definida como umCollectionViewSource, cuja fonte subjacente se baseia noObservableCollection<T> povoado emLoadData() acima.

<phone:PhoneApplicationPage.Resources>
    <CollectionViewSource x:Key="IsSelectedCollectionView" Filter="CollectionViewSource_SelectedListFilter">
    </CollectionViewSource>
</phone:PhoneApplicationPage.Resources>

<!--LayoutRoot is the root grid where all page content is placed-->
<Grid x:Name="LayoutRoot" Background="Transparent">
    <!--Pivot Control-->
    <controls:Pivot Title="MY APPLICATION">
        <!--Pivot item one-->
        <controls:PivotItem Header="first">
            <!--Double line list with text wrapping-->
            <ListBox x:Name="FirstListBox" Margin="0,0,-12,0" ItemsSource="{Binding Items}">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                      <StackPanel Margin="0,0,0,17" Width="432">
                          <TextBlock Text="{Binding LineOne}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}"/>
                          <TextBlock Text="{Binding LineTwo}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>
                      </StackPanel>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>
        </controls:PivotItem>

        <!--Pivot item two-->
        <controls:PivotItem Header="second"> 
            <!--Triple line list no text wrapping-->
            <ListBox x:Name="SecondListBox" Margin="0,0,-12,0" ItemsSource="{Binding  Source={StaticResource IsSelectedCollectionView}}">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Margin="0,0,0,17">
                                <TextBlock Text="{Binding LineOne}" TextWrapping="NoWrap" Margin="12,0,0,0" Style="{StaticResource PhoneTextExtraLargeStyle}"/>
                                <TextBlock Text="{Binding LineThree}" TextWrapping="NoWrap" Margin="12,-6,0,0" Style="{StaticResource PhoneTextSubtleStyle}"/>
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>
        </controls:PivotItem>
    </controls:Pivot>
</Grid>

<!--Sample code showing usage of ApplicationBar-->
<phone:PhoneApplicationPage.ApplicationBar>
    <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
        <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1" Click="ApplicationBarIconButton_Click"/>
        <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
        <shell:ApplicationBar.MenuItems>
            <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
            <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
        </shell:ApplicationBar.MenuItems>
    </shell:ApplicationBar>
</phone:PhoneApplicationPage.ApplicationBar>

Observe que no MainPage.xaml.cs, oFilter atributo noCollectionViewSource noResources Na seção acima é atribuído um manipulador de filtro, que peneira os itens que possuemIsSelected definido como true:

public partial class MainPage : PhoneApplicationPage
{
    public MainPage()
    {
        InitializeComponent();
        DataContext = App.ViewModel;
        this.Loaded += new RoutedEventHandler(MainPage_Loaded);
    }

    private void MainPage_Loaded(object sender, RoutedEventArgs e)
    {
        if (!App.ViewModel.IsDataLoaded)
        {
            App.ViewModel.LoadData();
            CollectionViewSource isSelectedListView = this.Resources["IsSelectedCollectionView"] as CollectionViewSource;
            if (isSelectedListView != null)
            {
                isSelectedListView .Source = App.ViewModel.Items;
            }
        }
    }

    private void CollectionViewSource_SelectedListFilter(object sender, System.Windows.Data.FilterEventArgs e)
    {
        e.Accepted = ((ItemViewModel)e.Item).IsSelected;
    }

    private void ApplicationBarIconButton_Click(object sender, EventArgs e)
    {
        ItemViewModel item = App.ViewModel.Items[App.ViewModel.Items.Count - 1];
        item.IsSelected = !item.IsSelected;
    }
}

Observe também que imediatamente após carregar os dados, obtenho oCollectionViewSource e defina sua fonte de dados comoObservableCollection<T> lista, para que haja dados de base nos quais a filtragem possa ocorrer.

Quando o aplicativo é carregado, os dados são exibidos conforme o esperado, com esses itens noObservableCollection<T> que temIsSelected true, sendo exibido no segundo Pivot:

Você notará que descomentei os ícones da barra de aplicativos, o primeiro dos quais alterna oIsSelected propriedade do último item noObservableCollection<T> quando clicado (consulte a última função em MainPage.xaml.cs).

Aqui está o cerne da minha pergunta - quando clico no ícone da barra aplicável, posso ver quando o último item da lista tem seuIsSelected propriedade definida como true, no entanto, o segundo Pivot não exibe esse item alterado. Eu posso ver que oNotifyPropertyChanged() está sendo acionado no item, no entanto, a coleção não está percebendo esse fato e, portanto, a caixa de listagem no Pivot 2 não muda para refletir o fato de que deve haver um novo item adicionado à coleção.

Tenho certeza de que estou perdendo algo fundamental / básico aqui, mas, na falta disso, alguém sabe a melhor maneira de obter a coleção e seus itens subjacentes para jogar juntos?

Suponho que esse problema também se aplique à classificação e à filtragem ((no sentido de que se umCollectionViewSource baseia-se na classificação e, quando uma propriedade de um item usado na classificação é alterada, a ordem de classificação da coleção também deve refletir isso))

questionAnswers(2)

yourAnswerToTheQuestion