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