我可以创建一个包含列表的 object 的 DataGrid<keyvaluepair> 在水平视图中？</keyvaluepair>

Question

我有一个要在数据网格中显示的项目列表。 但是每个项目都包含一个我想水平查看的 KeyValuePairs 列表。 有什么办法吗？

我想介绍的 object：

 public class ItemModel
    {
        public string Model { get; set; }

        public List<KeyValuePair<string, int>> DetailsList { get; set; }
    }

我的 xaml 看起来像这样，但它返回一个数据网格，其中 Key 和 Value 作为列而不是 Key1、Key2、Key3 等作为列：

<DataGrid x:Name="PurchaseOrder" CanUserAddRows="False" AutoGenerateColumns="False" CellEditEnding="PurchaseOrder_CellEditEnding">               
                <DataGrid.Columns>
                <DataGridTextColumn Header="Model" Binding="{Binding Path=Model}" />
                   <DataGridTemplateColumn Header="">
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <StackPanel Orientation="Horizontal">
                                <DataGrid ItemsSource="{Binding DetailsList}" CanUserAddRows="False" 
                  AutoGenerateColumns="True" CellEditEnding="Models_CellEditEnding">
                                    </DataGrid>
                                </StackPanel>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>
                </DataGrid.Columns>
        </DataGrid>

Answer 1

这是一个如何绑定到键值对 + 水平视图的简单示例

        <DataGrid x:Name="PurchaseOrder" CanUserAddRows="False" AutoGenerateColumns="False" CellEditEnding="PurchaseOrder_CellEditEnding">
        <DataGrid.Columns>
            <DataGridTextColumn Header="Model" Binding="{Binding Path=Model}" />
            <DataGridTemplateColumn Header="">
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <ItemsControl ItemsSource="{Binding DetailsList}">
                            <ItemsControl.ItemsPanel>
                                <ItemsPanelTemplate>
                                    <VirtualizingStackPanel Orientation="Horizontal"/>
                                </ItemsPanelTemplate>
                            </ItemsControl.ItemsPanel>

                            <ItemsControl.ItemTemplate>
                                <DataTemplate>
                                    <StackPanel Orientation="Horizontal">
                                        <TextBlock Text="{Binding Key}"/>
                                        <TextBlock Text="{Binding Value}"/>
                                    </StackPanel>
                                </DataTemplate>
                            </ItemsControl.ItemTemplate>
                        </ItemsControl>

                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
        </DataGrid.Columns>
    </DataGrid>