Хорошо, поэтому этот вопрос относится к Windows Phone 7 / Silverlight (обновленные WP7 Tools, сентябрь 2010 г.), в частности, к фильтрации базовой версии ObservableCollection<T>
.
.
В процессе работы с приложением управления сводными шаблонами WP7 я столкнулся с проблемой, из-за которой изменение базового элемента в 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 не изменяется, отражая тот факт, что в него должен быть добавлен новый элемент. коллекция.
Я почти уверен, что мне здесь не хватает чего-то совершенно фундаментального / базового, но если это не удастся, кто-нибудь знает лучший способ получить коллекцию и ее основные элементы для счастливой совместной игры?
Я полагаю, что эта проблема также относится к сортировке и фильтрации ((в том смысле, что если CollectionViewSource
основан на сортировке, то когда изменяется свойство элемента, используемого в сортировке, порядок сортировки коллекция должна отражать и это))