多个DataGrid列标题的绑定

本文关键字:绑定 标题 DataGrid 多个 | 更新日期: 2023-09-27 18:29:26

我在TechNet上看到了这个代码示例,它展示了如何绑定单列标题及其相应的列数据:

<DataGrid ItemsSource="{Binding Items}" AutoGenerateColumns="False">
    <DataGrid.Columns>
        <DataGridTemplateColumn>
            <DataGridTemplateColumn.Header>
                <TextBlock Text="{Binding DataContext.HeaderNameText, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" />
            </DataGridTemplateColumn.Header>
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <StackPanel>
                        <TextBlock Text="{Binding}" />
                    </StackPanel>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>   

DataGrid的DataContext设置如下:

Data data = new Data();
data.HeaderNameText = "Header2";
data.Items = new List<string>() { "Item1", "Item2" };
DataContext = data;

数据类结构如下:

public class Data
{
    public string HeaderNameText { get; set; }
    public List<string> Items { get; set; }
}

我的问题是如何将DataGridItemSource绑定到多列数据:

List<Data> data=new List<Data>();

我希望为上面列表中的每个数据元素都获得一列,那么如何实现呢?

多个DataGrid列标题的绑定

给定的方法只定义一列

<DataGrid>
    <DataGrid.Columns>
        <DataGridTemplateColumn ...>
    </DataGrid.Columns>
</DataGrid>

对于多个列,您必须多次定义

<DataGrid>
    <DataGrid.Columns>
        <DataGridTemplateColumn ...>
        <DataGridTemplateColumn ...>
        <DataGridTemplateColumn ...>
    </DataGrid.Columns>
</DataGrid>

如果你定义像这样的列

public class Data
{
    public string[] HeaderNameText { get; set; } // array, list, etc.
    public List<string> Items { get; set; }
}

那么绑定将类似于

{Binding DataContext.HeaderNameText[0] ...}
{Binding DataContext.HeaderNameText[1] ...}

等等。