DataGrid C#的实时更新答案

【问题标题】：Realtime update of DataGrid C#DataGrid C#的实时更新
【发布时间】：2022-01-15 16:30:01
【问题描述】：

我正在创建一个 UI 以可视化模拟器的某些部分。我应该以表格格式呈现一些值，但是当表格已经初始化时，我无法让表格持续更新（它使用正确的值初始化，但是当你查看它时它是静态的，所以你必须转到另一个页面然后返回以更新表格）这是代码：

<Page x:Class="SimulatorUI.RawDataPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      xmlns:local="clr-namespace:SimulatorUI"
      mc:Ignorable="d" 
      d:DesignHeight="950" d:DesignWidth="750"
      Title="RawDataPage">

    <DataGrid Name="dataTable" MinWidth="500" Margin="10 10 10 10" HorizontalContentAlignment="Center" HorizontalAlignment="Center"/>
</Page>

而c#代码是这样的

    public partial class RawDataPage : Page
{
    List<TankModule> tankList;
    public RawDataPage(List<TankModule> list)
    {
        tankList = list;
        InitializeComponent();
        List<displayModule> data = loadTable();
        dataTable.ItemsSource = data;
        Task.Run(() => updateLoop());   
    }
    public List<displayModule> loadTable()
    {
        List<displayModule> modules = new List<displayModule>();
        foreach(TankModule tank in tankList)
        {
            modules.Add(new displayModule(tank));
        }
        return modules;
    }     
    internal async Task updateLoop()
    {
        for (; ; )
        {
            dataTable.ItemsSource = null;
            dataTable.ItemsSource = loadTable();
            await Task.Delay(1000);
        }
    }
}

【问题讨论】：

我认为您应该尝试将 DataTable 的 ItemsSource 属性绑定到 ObservableCollection Modules 属性，然后更新该属性。
谢谢，会调查这个！我在 C# 方面的经验非常有限，需要详细说明吗？

标签： c# wpf xaml

【解决方案1】：

数据绑定在这些情况下效果最好。

将 tankList 从 List 更改为 ObservableCollection 开始，然后将 DataGrid 绑定到 坦克列表。现在，每当您在 tankList 中添加或删除新项目时，DataGrid 都会更新以反映更改。

代码隐藏应该是这样的：

// Add this using to use ObservableCollection
using System.Collections.ObjectModel;

public partial class RawDataPage : Page
{
    // I've renamed tankList to TankList, as it is a convention to name public properties in Pascal case
    public ObservableCollection<TankModule> TankList { get; set; }

    public RawDataPage(List<TankModule> list)
    {
        DataContext = this; // This will bind this instance as the data context of the view

        tankList = new ObservableCollection<TankModule>(list);
    }
}

在视图中：

<Page x:Class="SimulatorUI.RawDataPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      xmlns:local="clr-namespace:SimulatorUI"
      mc:Ignorable="d" 
      d:DesignHeight="950" d:DesignWidth="750"
      Title="RawDataPage">

    <DataGrid Name="dataTable" ItemsSource="{Binding TankList}" MinWidth="500" Margin="10 10 10 10" HorizontalContentAlignment="Center" HorizontalAlignment="Center"/>
</Page>

注意：如果您修改 TankList 中的项目，视图可能不会更新。在这种情况下，TankModule 类必须实现 INotifyPropertyChanged。你也可以在修改列表项后做这样的事情来刷新列表：

ObservableCollection<TankModule> copy = TankList;
TankList = null;
TankList = copy;

另外，建议使用视图模型而不是在代码隐藏中执行所有这些操作。

【讨论】：