当我导航到其他页面并返回时，UWP Pivot 控件会清除其内容

Question

我有一个带有枢轴控件的 UWP 页面。我正在使用 MVVM 模式，其中枢轴的ItemsSource 属性绑定到我的视图模型的可观察集合。我正在使用枢轴的ItemTemplateSelector 根据枢轴SelectedItem 为每个视图模型选择适当的DataTemplate，而枢轴又绑定到选定的视图模型。

这是我正在使用的 XAML：

<Pivot  Grid.Column="1" Grid.Row="1" Grid.RowSpan="2" Margin="10" 
IsHeaderItemsCarouselEnabled="False" 
ItemsSource ="{x:Bind MainPageViewModel.EditViewModels}"  
SelectedItem="{x:Bind MainPageViewModel.SelectedEntityViewModel,Mode=TwoWay}"
ItemTemplateSelector="{StaticResource DetailViewTemplateSelector}"  >
<Pivot.HeaderTemplate>
    <DataTemplate x:DataType="viewModel:DetailViewModelBase">
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="{Binding TabHeader,Mode=OneWay}" FontSize="12" 
               VerticalAlignment="Center"/>
       </StackPanel >
    </DataTemplate>
</Pivot.HeaderTemplate>
</Pivot>

在同一页面中，我有一个导航视图，其中 navigationItem 单击事件基于所选项目创建一个新视图模型，并将其添加到可观察集合 MainPageViewModel.EditViewModels 并将 SelectedViewModel 设置为新创建的集合。

应用程序在 WPF 中但在 UWP 中缺失的隐式 DataTemplate 周围正常工作。我遇到的唯一问题是，当我从包含 Pivot 控件的页面导航并返回时，所有 Pivot 项都被清除且不显示。

我在页面构造函数中设置了this.NavigationCacheMode = Windows.UI.Xaml.Navigation.NavigationCacheMode.Required，并没有覆盖NavigateTo方法。

如果我直接在数据透视项中设置我的用户控件而不使用DataTemplate 选择器，那么当我返回页面时会保留数据透视项。仅当我使用 ItemTemplateSelector 时才会清除数据透视项目。

任何帮助将不胜感激。我花了四天多的时间来解决问题。

提前致谢

Answer 1

我查看了您的示例，发现您的 MainCrudPage_Loaded 方法总是创建了一个新的 TabelaWindow_ViewModel 实例并将其分配给您的 MainPageViewModel 属性和 DataContext： p>

private async void MainCrudPage_Loaded(object sender, RoutedEventArgs e)
{
    MainPageViewModel = new TabelaWindow_ViewModel();// Sinergia.UWP.BootStrap.AppContainer.Container.Resolve<Sinergia.UWP.ViewModels.Window.TabelaWindow_ViewModel>();
    //await MainPageViewModel.LoadAsync();
    DataContext = MainPageViewModel;
    //naviView.DataContext = MainPageViewModel.NavigationVM;
    this.Bindings.Update();
}

由于始终调用Loaded 事件，无论Page 是否被缓存，当您导航返回时，您实际上会覆盖缓存的数据视图模型数据。由于页面缓存重用了MainPage 的现有实例，所以当您返回页面时，MainPageViewModel 和DataContext 已经被填充（您可以通过在MainCrudPage_Loaded 方法的开头放置一个断点来检查这一点。

如果您将示例更新为以下内容，您将明白我的意思：

private async void MainCrudPage_Loaded(object sender, RoutedEventArgs e)
{
    if (null == DataContext)
    {
        MainPageViewModel = new TabelaWindow_ViewModel();// Sinergia.UWP.BootStrap.AppContainer.Container.Resolve<Sinergia.UWP.ViewModels.Window.TabelaWindow_ViewModel>();
        //await MainPageViewModel.LoadAsync();
        DataContext = MainPageViewModel;
    }
    //naviView.DataContext = MainPageViewModel.NavigationVM;
    this.Bindings.Update();
}

希望对你有帮助。