UWP GridView 与列的动态名称

Question

我正在尝试用一些数据填充 GridView，但没有运气。 文档完全没有告诉我 GridView 如何将数据从项目源映射到控件中的行。 我已经看到了他们创建具有属性的 class 的文本框示例，这很好用：

public sealed partial class CollectionInfoPage: Page
{
    List<Test> m_ItemSource;
    
    class Test
    {
        public string s1 => "Hello";
        public string s2 => "World";
    }

    public async Task ModelUpdated(Model.Adaptor Adaptor)
    {
        await Common.RunUiTask(async () =>
        {
            m_ItemSource = new List<Test> { new Test(), new Test() };
        });
    }
}

XAML：

<Page
    x:Class="CollectionInfoPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="using:Microsoft.Toolkit.Uwp.UI.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Background="Transparent">

    <Grid>
        <controls:DataGrid x:Name="DataGrid" AutoGenerateColumns="True" ItemsSource="{x:Bind m_ItemSource}">
        </controls:DataGrid>
    </Grid>
</Page>

但我的问题是列名在编译时根本不知道，所以我不能使用这种方法。 我需要能够在运行时指定列的名称，并将 map 数据指定到这些特定列，但这是我卡住的地方。 我想不出办法。 我找不到任何关于它如何将数据从数据集映射到不同列的文档。 我几乎可以猜到，但这对我没有好处。

我发现整个数据绑定方法很糟糕、不灵活、缓慢且难以使用。 为什么不能简单地使用接口来进行数据绑定而不是获取对象？

关于如何实现这一目标的任何线索？

解决方案：我定义了一个 DataView class 用作项目源，如下所示：

class DataView
{
    public IEnumerable<string> Data { get; }

    public DataView(IEnumerable<string> Data)
    {
        this.Data = Data;
    }
}

然后，我使用代码创建列并创建与项目源中数据的绑定：

int n = 0;
var Cols = ColNames.Select((x, n) =>
{
    var Col = new DataGridTextColumn();
    Col.Header = x;
    Col.Binding = new Windows.UI.Xaml.Data.Binding();
    Col.Binding.Path = new PropertyPath("Data[" + n + "]");
    return Col;
}).ToList();

foreach (var Col in Cols)
    DataGrid.Columns.Add(Col);

XAML：

<Page
    x:Class="CollectionInfoPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="using:Microsoft.Toolkit.Uwp.UI.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Background="Transparent">

    <Grid>
        <controls:DataGrid x:Name="DataGrid" AutoGenerateColumns="False" ItemsSource="{x:Bind m_GridItemSource}"/>
    </Grid>
</Page>

然后我只需要设置我的项目源，DataView 的每个实例都将包含一行信息。

Answer 1

我需要能够在运行时指定列的名称，并将 map 的数据指定到这些特定的列。

如果您使用AutoGenerateColumns ，列 header 将根据数据模型的属性名称自动生成。

您有很多方法可以指定列 header。 一种是使用自定义 header 的 xaml 中的特定DataGridColumn 。

<controls:DataGridTextColumn Header="Rank" Binding="{Binding Rank}" Tag="Rank" />
<controls:DataGridTextColumn Header="Height (m)" Binding="{Binding Height_m}" Tag="Height_m" />
<controls:DataGridTextColumn Header="Range" Binding="{Binding Range}" Tag="Range" />
<controls:DataGridTextColumn Header="Parent Mountain" Binding="{Binding Parent_mountain}" Tag="Parent_mountain" />

另一个是从DataGrid.Columns属性中找到特定的DataGridColumn并在后面的代码中编辑 header。

private void DataGrid_Loaded(object sender, RoutedEventArgs e)
{
    var colum = DataGrid.Columns[0] as DataGridColumn;
    colum.Header = "Test";
}