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))