使用分层集合结构的 WPF 相对绑定

Question

我有一个包含 ObservableCollection:

public class BooksDetailModel
{
    public BookModel Book{ get; set; }
    public ObservableCollection<AuthorModel> Authors { get; set; }
}

ViewModel 中的属性的 ObservableCollection：

public ObservableCollection<BooksDetailModel> Books { get; set; }

我想在 ListBox 中呈现它，如下所示：

Book1

• Author1
• Author2

Book2

• Author1

等。

顶级绑定很容易，但我在内部子集合方面遇到了麻烦。

到目前为止的 XAML：

                <ListBox ItemsSource="{Binding Books}" BorderBrush="{x:Null}">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Vertical">
                            <TextBlock Text="{Binding Book.Name}" FontSize="12" FontWeight="Bold" />
                            <ListBox>
                                <ListBox.ItemTemplate>
                                    <DataTemplate>
                                        <TextBlock Text="{Binding ???, Path=Author.Name}" FontSize="10" />
                                    </DataTemplate>
                                </ListBox.ItemTemplate>
                            </ListBox>
                        </StackPanel>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>

有什么建议吗？？？ - 将内部列表框项源相对绑定到父项源的作者集合。

Answer 1

您应该将内部 ListBox 的 ItemsSource 绑定到 Authors 属性。 DataTemplate 中的绑定将简单地绑定到作者的 Name 属性：

<ListBox ItemsSource="{Binding Books}" BorderBrush="{x:Null}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Vertical">
                <TextBlock Text="{Binding Book.Name}" FontSize="12" FontWeight="Bold" />
                <ListBox ItemsSource="{Binding Authors}">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <TextBlock Text="{Binding Name}" FontSize="10" />
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>