WPF 列表，您可以在其中翻转每一行，并在该行下获得更多行

Question

我想要一个包含例如汽车的列表，当我单击一行时，一些具有不同商店的行应该显示在单击的行下方，您可以在其中购买这些汽车。

我怎样才能意识到这一点？

Answer 1

如果您使用数据网格，则可以设置 RowDetailsTemplate，它将自动显示所选行的详细信息。这是一个完整的dataGrid，看RowDetailsTemplate部分。它包含另一个用于详细信息的数据网格。

            <Data:DataGrid ItemsSource="{Binding SortedContainers}" 
                                       SelectedItem="{Binding CurrentItem, Mode=TwoWay}" AutoGenerateColumns="False" 
                                       FrozenColumnCount="0" IsEnabled="True">
            <Data:DataGrid.Columns>
                <Data:DataGridTextColumn Binding="{Binding Model.Bk_Term}" Header="Terminal" IsReadOnly="True" />
                <Data:DataGridTemplateColumn Header="Equip Id">
                    <Data:DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBox Text="{Binding Model.Eqp_Id}" VerticalAlignment="Center"  IsEnabled="True" IsReadOnly="True"/>
                        </DataTemplate>
                    </Data:DataGridTemplateColumn.CellTemplate>
                </Data:DataGridTemplateColumn>
                <Data:DataGridTextColumn Binding="{Binding Customer}" Header="Owner" IsReadOnly="True" />
                <Data:DataGridTextColumn Binding="{Binding Location}" Header="Location" IsReadOnly="True" />
                <Data:DataGridTextColumn Binding="{Binding Model.RE059Id}" Header="Id" IsReadOnly="True" />
            </Data:DataGrid.Columns>
            <Data:DataGrid.RowDetailsTemplate>
                <DataTemplate>
                    <Data:DataGrid ItemsSource="{Binding NoteList.AllItems}" AreRowDetailsFrozen="True" HorizontalAlignment="Stretch"
                        AutoGenerateColumns="False" FontSize="14" SelectedItem="{Binding Path=CurrentItem, Mode=TwoWay}"
                        Visibility="{Binding NoteList.AllItems.Count, Converter={StaticResource RowCountVisibilityConverter}}"
                        RowDetailsVisibilityMode="Visible">
                        <Data:DataGrid.Columns>
                            <Data:DataGridTemplateColumn Header="Notes"  Width="*">
                                <Data:DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <TextBox Text="{Binding Model.Note}"
                                                    FontSize="10" Width="Auto" IsReadOnly="{Binding IsReadOnly}"
                                                    HorizontalAlignment="Stretch" VerticalAlignment="Center" TextWrapping="Wrap">
                                        </TextBox>
                                    </DataTemplate>
                                </Data:DataGridTemplateColumn.CellTemplate>
                            </Data:DataGridTemplateColumn>
                        </Data:DataGrid.Columns>
                    </Data:DataGrid>
                </DataTemplate>
            </Data:DataGrid.RowDetailsTemplate>
        </Data:DataGrid>