我可以創建一個包含列表的 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>