C# 自动刷新中未显示UWP网格数据

我是开发UWP桌面应用程序的新手。网格无法在自动刷新阶段显示数据

我正在尝试创建一个带有网格的页面，该网格将从数据库中检索数据。当页面加载时，我启动一个计时器，每10秒刷新一次网格。 当页面仅包含网格时，结果良好。 但如果在顶部添加命令栏，网格将无法在第一次刷新时显示数据。数据可以在第一次加载页面时显示。 谁能告诉我哪一部分做错了

代码隐藏：

public sealed partial class DataGridPage : Page
{
    public string Titletext="";
    public DataGridViewModel ViewModel { get; } = new DataGridViewModel();

    DispatcherTimer dispatcherTimer;
    DateTimeOffset startTime;
    DateTimeOffset lastTime;
    DateTimeOffset stopTime;
    int timesTicked = 1;
    int timesToTick = 10;

    // TODO WTS: Change the grid as appropriate to your app, adjust the column definitions on DataGridPage.xaml.
    // For more details see the documentation at https://docs.microsoft.com/windows/communitytoolkit/controls/datagrid
    public DataGridPage()
    {
        InitializeComponent();
    }

    private void Page_Loaded(object sender, Windows.UI.Xaml.RoutedEventArgs e)
    {
        DispatcherTimerSetup();
    }

    protected override async void OnNavigatedTo(NavigationEventArgs e)
    {
        base.OnNavigatedTo(e);

        await ViewModel.LoadDataAsync();
        //if (Titletext != "")
        //{
        //    GridTitle.Text = Titletext;
        //}
    }

    public void DispatcherTimerSetup()
    {
        dispatcherTimer = new DispatcherTimer();
        dispatcherTimer.Tick += dispatcherTimer_Tick;
        dispatcherTimer.Interval = new TimeSpan(0, 0, 10);
        //IsEnabled defaults to false
        //FormattingCommandBar.Content += "dispatcherTimer.IsEnabled = " + dispatcherTimer.IsEnabled + "\n";
        startTime = DateTimeOffset.Now;
        lastTime = startTime;
        //FormattingCommandBar.Content = "Calling dispatcherTimer.Start()";
        dispatcherTimer.Start();
        //IsEnabled should now be true after calling start
        //GridTitle.Text += "dispatcherTimer.IsEnabled = " + dispatcherTimer.IsEnabled + "\n";
    }

    async void dispatcherTimer_Tick(object sender, object e)
    {
        DateTimeOffset time = DateTimeOffset.Now;
        TimeSpan span = time - lastTime;
        lastTime = time;
        await ViewModel.LoadDataAsync();
        //Time since last tick should be very very close to Interval
        //FormattingCommandBar.Content = "Running dispatcherTimer: " + ViewModel.Source.Count;
        timesTicked++;
        if (timesTicked > timesToTick)
        {
            stopTime = time;
            //FormattingCommandBar.Content = "Calling dispatcherTimer.Stop()\n";
            dispatcherTimer.Stop();
            //IsEnabled should now be false after calling stop
            //GridTitle.Text += "dispatcherTimer.IsEnabled = " + dispatcherTimer.IsEnabled + "\n";
            span = stopTime - startTime;
            //GridTitle.Text += "Total Time Start-Stop: " + span.ToString() + "\n";
        }
    }
}

xaml（自动刷新时可显示数据）

xaml（如果添加stackpanel，则自动刷新时无法显示数据）

---

StackPanel

在术语上不支持数据虚拟化。这意味着处理大量数据是一团乱<代码>网格默认情况下支持数据虚拟化，这就是为什么它会刷新

您可以使用

网格

。如果仍然需要

StackPanel

请尝试

如果我想在网格顶部有一个commandbar，那么最好的方法是什么 方法

你可以这样做

<Page.Content>
<Grid>
  <Grid.RowDefinitions>
      <RowDefinition Height="Auto"></RowDefinition>
      <RowDefinition Height="*"></RowDefinition>
  </Grid.RowDefinitions>
    <Button x:Name="ABC" Content="Options" Click="ABC_Click" ></Button>
    <Grid x:Name="ContentArea" Grid.Row="1">
    ...
    </Grid>
</Grid>
</Page.Content>

...

谢谢。如果我想在网格顶部有一个commandbar，最好的方法是什么？在我的回答中添加了解决方案No working。如果使用VirtualzingStackPanel，网格将消失，它将工作。请将主网格保留在网格中。Row=“1”和上面的命令栏现在将适用于您的用例。谢谢但它是高度而不是宽度

<Page.Content>
    <StackPanel>
        <Button x:Name="ABC" Content="Options" Click="ABC_Click" ></Button>
        <Grid x:Name="ContentArea">
            <Grid>
                    <controls:DataGrid
                    AutoGenerateColumns="False"
                    GridLinesVisibility="Horizontal"
                    ItemsSource="{x:Bind Mode=OneWay, Path=ViewModel.Source}" >
                        <controls:DataGrid.Columns>
                            <controls:DataGridTextColumn Binding="{Binding PaymentNo}" Header="Payment No." />
                            <controls:DataGridTextColumn Binding="{Binding PaymentDate}" Header="Payment Date" />
                            <controls:DataGridTextColumn Binding="{Binding Dept}" Header="Department" />
                            <controls:DataGridTextColumn Binding="{Binding PAYCD}" Header="Payee Code" />
                            <controls:DataGridTextColumn Binding="{Binding Vendor.companyName}" Header="Payee Name" />
                            <controls:DataGridTextColumn Binding="{Binding FC}" Header="F.C." />
                            <controls:DataGridTextColumn Binding="{Binding Amount}" Header="Amount"  />
                            <controls:DataGridTextColumn Binding="{Binding CountryID}" Header="Country ID" />
                        </controls:DataGrid.Columns>
                    </controls:DataGrid>

            </Grid>
        </Grid>
    </StackPanel>
</Page.Content>

<Page.Content>
<Grid>
  <Grid.RowDefinitions>
      <RowDefinition Height="Auto"></RowDefinition>
      <RowDefinition Height="*"></RowDefinition>
  </Grid.RowDefinitions>
    <Button x:Name="ABC" Content="Options" Click="ABC_Click" ></Button>
    <Grid x:Name="ContentArea" Grid.Row="1">
    ...
    </Grid>
</Grid>
</Page.Content>