Silverlight - 另一個 ListBox 下的 ListBox - 數據綁定問題

Question

我有一個包含所有類別的列表框，每個類別將包含另一個列表框中的子類別我如何進行數據綁定？

每個包含“Boards”作為子類別的“Category”這是我的 xaml

<ListBox Background="Transparent" BorderThickness="0" Grid.Row="3" Grid.ColumnSpan="2" Margin="0" Padding="0" HorizontalContentAlignment="Stretch" ItemContainerStyle="{StaticResource ListBoxItemStyle}" ItemsSource="{StaticResource designTimeCategoriesDS}" DataContext="{StaticResource designTimeCategoriesDS}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel x:Name="Category" Orientation="Vertical" HorizontalAlignment="Stretch">
                <Border CornerRadius="6" Padding="0" Margin="0" Height="30" HorizontalAlignment="Stretch">
                    <Border.Background>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FF6D869F" Offset="0"/>
                            <GradientStop Color="#FFA6BACE" Offset="1"/>
                        </LinearGradientBrush>
                    </Border.Background>
                    <sdk:Label x:Name="CategoryName" FontSize="16" Margin="8,0" Foreground="White" FontWeight="Bold" Height="30" HorizontalAlignment="Stretch"/>
                </Border>
                <ListBox x:Name="CategoryBoards" Background="Transparent" BorderThickness="0" Margin="0" Padding="0" HorizontalContentAlignment="Stretch" ItemContainerStyle="{StaticResource ListBoxItemStyle}" ItemsSource="{Binding }">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <Grid Margin="0" HorizontalAlignment="Stretch">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="70"/>                  
                                    <ColumnDefinition Width="350*"/>                
                                    <ColumnDefinition Width="70*"/>                 
                                    <ColumnDefinition Width="70*"/>                 
                                </Grid.ColumnDefinitions>
                                <HyperlinkButton FontSize="16" Margin="0,0,0,1" Padding="8" Foreground="Black" FontWeight="Bold" VerticalAlignment="Stretch" Background="#FFE7EAEF"></HyperlinkButton>
                                <StackPanel Grid.Column="1" Margin="1,0,0,1" Background="#FFF0F4F7">
                                    <HyperlinkButton FontSize="14" Margin="0" Padding="8,8,8,0" Foreground="#FFD97B33" FontWeight="Bold" Content="{Binding Path=CategoryBoards.BoardName}" />
                                    <sdk:Label Margin="0" Padding="8,0,8,8" Foreground="Black" Content="{Binding Path=CategoryBoards.BoardDescription}" />
                                </StackPanel>
                                <StackPanel Grid.Column="2" Margin="1,0,0,1" Background="#FFE7EAEF">
                                    <sdk:Label Margin="0" Padding="8,8,8,0" Content="{Binding Path=BoardPosts}" />
                                    <sdk:Label Margin="1,0,0,1"  Padding="8,0,8,8" Content="{Binding Path=BoardTopics}" />
                                </StackPanel>
                                <StackPanel Grid.Column="3" Margin="1" Background="#FFF0F4F7">
                                    <sdk:Label Margin="0" Padding="4,2,4,0" Content="Last post by {User}"/>
                                    <sdk:Label Margin="0"  Padding="4,0,4,0" Content="in {Topic Name}"/>
                                    <sdk:Label Margin="0"  Padding="4,0,4,2" Content="on {Date}"/>
                                </StackPanel>
                            </Grid>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>                                          
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

Answer 1

只需快速瀏覽一下您的代碼，您唯一需要做的就是更改這一行：

<ListBox x:Name="CategoryBoards" Background="Transparent" BorderThickness="0" 
         Margin="0" Padding="0" HorizontalContentAlignment="Stretch" 
         ItemContainerStyle="{StaticResource ListBoxItemStyle}" 
         ItemsSource="{Binding }">

對此：

<ListBox x:Name="CategoryBoards" Background="Transparent" BorderThickness="0" 
         Margin="0" Padding="0" HorizontalContentAlignment="Stretch" 
         ItemContainerStyle="{StaticResource ListBoxItemStyle}" 
         ItemsSource="{Binding Boards}">

您的內部 ListBox 的 DataContext 將是 Category，因此該綁定的源隱含地是 Category。