XAMLのマークアップとバインドを使用すると、各アイテムの下にアイテムのリストとサブアイテムのリストを表示するにはどうすればよいですか？

Question

私は配列の質問リストを持っており、各質問タイプは文字列のリストである回答リストを持っています。私はそれぞれの質問を表示し、それぞれの質問の下に質問に割り当てられた答えを回答ごとにCheckBoxと表示する必要があります。フォームに質問が表示されていますが、回答を得ることができませんでした。以下は、私が質問のみを結合するマークアップのために持っているものです。

<ItemsControl x:Name="IcQuestions"> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate DataType="questions:QuestionAnswers"> 
      <StackPanel> 
       <StackPanel Orientation="Horizontal"> 
        <TextBlock Text="Question Type" HorizontalAlignment="Stretch" Width="Auto" Margin="0,10,5,0" FontWeight="Bold"></TextBlock> 
        <TextBlock TextWrapping="WrapWithOverflow" Text="{Binding QuestionType}" HorizontalAlignment="Stretch" Width="Auto" Margin="0,10,0,0" FontWeight="Bold"></TextBlock> 
       </StackPanel> 
       <TextBlock TextWrapping="WrapWithOverflow" Text="{Binding Question}" HorizontalAlignment="Stretch" Width="Auto" Margin="0,0,0,0" FontWeight="Bold"></TextBlock> 
      </StackPanel> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl> 

Answer 1

グループ化されたリストを表示するための特別なクラスがあります。 Windowsの携帯電話の場合

は、Windows 10 ItemsControlについてLongListSelector

あるビルドにgrouping support via GroupStyle

WPF ItemsControlのために持っているがいるにもGroupStyle

すべてのアプローチがIGroupingであるためにあなたのデータを制限します。それはどのようなプラットフォーム

<ItemsControl x:Name="IcQuestions"> 
<ItemsControl.GroupStyle> 
    <GroupStyle> 
     <GroupStyle.HeaderTemplate> 
      <DataTemplate DataType="questions:QuestionAnswers"> 
       <StackPanel> 
        <StackPanel Orientation="Horizontal"> 
         <TextBlock Text="Question Type" HorizontalAlignment="Stretch" Width="Auto" Margin="0,10,5,0" FontWeight="Bold"></TextBlock> 
         <TextBlock TextWrapping="WrapWithOverflow" Text="{Binding QuestionType}" HorizontalAlignment="Stretch" Width="Auto" Margin="0,10,0,0" FontWeight="Bold"></TextBlock> 
        </StackPanel> 
        <TextBlock TextWrapping="WrapWithOverflow" Text="{Binding Question}" HorizontalAlignment="Stretch" Width="Auto" Margin="0,0,0,0" FontWeight="Bold"></TextBlock> 
       </StackPanel> 
      </DataTemplate> 
     </GroupStyle.HeaderTemplate> 
    </GroupStyle> 
</ItemsControl.GroupStyle> 
<ItemsControl.ItemTemplate> 
    <DataTemplate> 
     <Checkbox Content="{Binding}" /> 
    </DataTemplate>             
</ItemsControl.ItemTemplate> 
</ItemsControl>