我正在尝试在列表视图中显示此嵌套列表。
例如,如果 EventItem 有响应,我需要在每个响应中重复事件名称 x 次。每个响应都有 3 个关联的复选框。
我想做的是在列表显示中:
事件名称 -> 响应选项 -> 努力复选框。
我不想使用树,因此列表单行。有任何想法吗?
更新:
假设我有 2 个事件,事件 1 有 2 个选项,事件 2 有 3 个选项。每个选项将有 3 个复选框。
我如何尝试显示数据是这样的:
Event 1 Response A [X] [ ] [ ]
Event 1 Response B [ ] [X] [X]
Event 2 Response A [X] [X] [X]
Event 2 Response D [ ] [ ] [X]
Event 2 Response E [X] [X] [X]
使用 Response 我需要重复事件名称。
public class EventItem: DataAttributeChecked
{
public EventItem(int primaryKey, string value) : base(primaryKey, value)
{
ResponseOptions = new List<ResponseOption>();
}
public List<ResponseOption> ResponseOptions { get; set; }
}
public class ResponseOption: DataAttribute
{
public ResponseOption(int primaryKey, string value, int eventId) : base(primaryKey, value)
{
_eventId = eventId;
LevelOfEfforts = new List<DataAttributeChecked>();
}
public List<DataAttributeChecked> LevelOfEfforts { get; set; }
private readonly int _eventId;
public int EventId
{
get { return _eventId; }
}
}
<ListBox.ItemTemplate>
<DataTemplate>
<Border Margin="3" CornerRadius="2" BorderBrush="CadetBlue" BorderThickness="1">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"></ColumnDefinition>
<ColumnDefinition Width="*"></ColumnDefinition>
<ColumnDefinition Width="*"></ColumnDefinition>
<ColumnDefinition Width="*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<StackPanel Grid.Column="0" Orientation="Horizontal">
<CheckBox IsChecked="{Binding RelativeSource={RelativeSource AncestorType={x:Type ListBoxItem}}, Path=IsSelected}" />
<TextBlock Text="{Binding Value}" VerticalAlignment="Center"/>
</StackPanel>
<StackPanel Grid.Column="1" Orientation="Horizontal">
<TextBlock Text="{Binding ResponseOption.Value}" VerticalAlignment="Center"/>
</StackPanel>
<StackPanel Grid.Column="2" Orientation="Horizontal">
<ListBox ScrollViewer.HorizontalScrollBarVisibility="Disabled"
ItemsSource="{Binding ResponseOptions.LevelOfEffort}"
Name="lstOption"
SelectionMode="Multiple" >
<ListBox.ItemsPanel>
<ItemsPanelTemplate>
<WrapPanel IsItemsHost="True" />
</ItemsPanelTemplate>
</ListBox.ItemsPanel>
<ListBox.ItemContainerStyle>
<Style TargetType="ListBoxItem">
<Setter Property="IsSelected" Value="{Binding Path=IsChecked, Mode=TwoWay}"/>
</Style>
</ListBox.ItemContainerStyle>
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal" Margin="3,3,3,3">
<CheckBox IsChecked="{Binding RelativeSource={RelativeSource AncestorType={x:Type ListBoxItem}}, Path=IsSelected}" />
<TextBlock Text="{Binding Value}" VerticalAlignment="Center"/>
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
</StackPanel>
</Grid>
</Border>
</DataTemplate>
</ListBox.ItemTemplate>