WP8のPanoramaコントロールには、既知のデータバインディングのバグがあります。バグの症状は、SelectionChangedが起動しないこと、SelectedIndexとSelectedItemが信頼できないこと、Panoramaを使用してページに戻るナビゲーションでパノラマ選択されたアイテムがリセットされることです。
たとえば、次のコードサンプルはMessageBoxを起動せず、SelectedIndex&SelectedItemは正しい期待値を示しません。
<phone:Panorama x:Name="panorama"
ItemsSource="{Binding}"
SelectionChanged="Panorama_SelectionChanged_1">
<phone:Panorama.HeaderTemplate>
<DataTemplate>
<ContentControl Content="{Binding Name}" />
</DataTemplate>
</phone:Panorama.HeaderTemplate>
<phone:Panorama.ItemTemplate>
<DataTemplate>
<ContentControl Content="{Binding Name}" />
</DataTemplate>
</phone:Panorama.ItemTemplate>
</phone:Panorama>
private void MainPage_Loaded(object sender, RoutedEventArgs e)
{
this.DataContext = new ObservableCollection<Cow>()
{
new Cow("Foo"),
new Cow("Bar"),
new Cow("Baz")
};
}
private void Panorama_SelectionChanged_1(object sender, SelectionChangedEventArgs e)
{
MessageBox.Show("Panorama_SelectionChanged_1: " + panorama.SelectedIndex);
}
public class Cow
{
public Cow(string name)
{
Name = name;
}
public string Name { get; set; }
}
明らかな修正の1つは、コードビハインドでPanoramaItemsを手動で初期化することです。
別の解決策は、コレクションを型付きから型なしに変更し、次のコードスニペットを制限付きデータクラスに追加することです。ObservableCollection<Cow>
それでは、コードをからに変更して、クラスObservableCollection<object>
にコードを追加しましょう。Cow
private void MainPage_Loaded(object sender, RoutedEventArgs e)
{
this.DataContext = new ObservableCollection<object>()
{
new Cow("Foo"),
new Cow("Bar"),
new Cow("Baz")
};
}
public class Cow
{
public Cow(string name)
{
Name = name;
}
public string Name { get; set; }
public override bool Equals(object obj)
{
if ((obj != null) && (obj.GetType() == typeof(PanoramaItem)))
{
var thePanoItem = (PanoramaItem)obj;
return base.Equals(thePanoItem.Header);
}
else
{
return base.Equals(obj);
}
}
public override int GetHashCode()
{
return base.GetHashCode();
}
}
これで、このコードスニペットを実行すると、正しいSelectedIndex値で期待どおりにSelectionChangedが起動することがわかります。