Итак, этот вопрос связан с Windows Phone 7/Silverlight (обновленный WP7 Tools, сентябрь 2010 г.), в частности, фильтрация базового ObservableCollection<T>
.
В процессе работы с WP7-шаблоном Pivot control application я столкнулся с проблемой изменения базового элемента в ObservableCollection<T>
, не приводя к обновлению экранного списка ListBox. В принципе, пример приложения имеет два опорных точки, первый непосредственно связан с базовым ObservableCollection<T>
, а второй привязан к CollectionViewSource
(то есть представляет отфильтрованное представление на основе ObservableCollection<T>
).
Базовые элементы, которые добавляются в ObservableCollection<T>
INotifyPropertyChanged
, например:
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));
}
}
}
Затем в основном классе создается сбор данных (список сокращен для краткости, также обратите внимание, что в отличие от других элементов три из записей LoadData() имеют 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));
}
}
}
В файле MainPage.xaml первый Pivot имеет свой ItemSource
, основанный непосредственно на списке ObservableCollection<T>
. Внутри второго Pivot экранный ListBox имеет свой ItemSource
Свойство, установленный в CollectionViewSource
, базовый источник которого основан на ObservableCollection<T>
, заполненном в LoadData()
выше.
<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>
Обратите внимание, что в MainPage.xaml.cs атрибут Filter
в CollectionViewSource
в разделе Resources
выше назначен обработчик фильтра, который просеивает те элементы, у которых IsSelected
установлено значение 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;
}
}
Также обратите внимание, что сразу после загрузки данных я получаю CollectionViewSource
и устанавливаю его источник данных как список ObservableCollection<T>
, чтобы были базовые данные, на которых может происходить фильтрация.
Когда приложение загружается, данные отображаются как ожидалось, причем те элементы в ObservableCollection<T>
, у которых IsSelected
true, отображаются во втором Pivot:
Вы заметите, что я раскомментировал значки панели приложений, первый из которых переключает свойство IsSelected
последнего элемента в ObservableCollection<T>
при нажатии (см. последнюю функцию в MainPage.xaml.cs),
Вот суть моего вопроса - когда я нажимаю соответствующий значок значка, я могу видеть, когда последний элемент в списке имеет свойство IsSelected
, установленное в true, а второй Pivot не отображает этот измененный элемент. Я вижу, что обработчик NotifyPropertyChanged()
запускается в этом элементе, однако коллекция не собирает этот факт, и, следовательно, поле списка в Pivot 2 не изменяется, чтобы отразить тот факт, что должен быть добавлен новый элемент коллекции.
Я вполне уверен, что я пропустил что-то совершенно фундаментальное/базовое здесь, но в противном случае кто-нибудь знает, как лучше всего собрать коллекцию, и ее базовые элементы будут играть вместе счастливо?
Я полагаю, что эта проблема также относится к сортировке, а также к фильтрации ((в том смысле, что если a CollectionViewSource
основывается на сортировке, то при изменении свойства элемента, который используется в сортировке, порядок сортировки сбор должен отражать это также))