数据绑定 Pivot 控件，同时在每个 Pivot 项数据模板内进行数据绑定

Question

所以我有一个 ``ObservableCollection 绑定到 Pivot 控件。这个ObservableCollection 有一个也是ObservableCollection 的孩子，我正在尝试在每个Pivotitem 的正文中绑定一个GridView。

我已经测试了我的代码隐藏以确保集合被填充，即

// Level 1 ObservableCollection
foreach (var dchallenge in ChallengesList)
{
    // Level 2 ObservableCollection
    Debug.WriteLine(dchallenge.Name);
    foreach (var dactivity in dchallenge.Activities)
    {
        Debug.WriteLine(dactivity.Name);
    }
}

而且它的输出符合预期。

供参考，我的模型如下：

public class Challenge
{
    public string Type { get; set; }
    public DateTime StartDate { get; set; }
    public DateTime EndDate { get; set; }
    public string Slug { get; set; }
    public string Image { get; set; }
    public string Name { get; set; }
    public string Description { get; set; }
    public ObservableCollection<Activity> Activities { get; set; }

    public class Activity
    {
        public string Name { get; set; }
        public string Description { get; set; }
        public long Hash { get; set; }
    }
}

最后，我的观点：

<Pivot x:Name="Items" ItemsSource="{x:Bind ChallengesList, Mode=OneWay}" Margin="20,417,0,0">
    <Pivot.HeaderTemplate>
        <DataTemplate x:DataType="data:Challenge">
            <TextBlock Text="{Binding Name, Mode=OneWay}" FontWeight="Normal" FontSize="16"/>
        </DataTemplate>
    </Pivot.HeaderTemplate>
    <Pivot.ItemTemplate>
        <DataTemplate x:DataType="data:Challenge">

            <StackPanel Margin="0,20,0,0" HorizontalAlignment="Left">
                <TextBlock Text="{Binding Description, Mode=OneWay}" MaxWidth="300" TextWrapping="WrapWholeWords"/>
                <TextBlock Text="Activities" FontWeight="Medium" MaxWidth="300" Margin="0,20,0,0"/>

                <!--<GridView DataContext="{Binding}" ItemsSource="{x:Bind Activities}" SelectionMode="None"
                          IsItemClickEnabled="False" IsSwipeEnabled="False" CanDragItems="False"
                          HorizontalAlignment="Left" Margin="0,70,0,0" VerticalAlignment="Top" Width="300">
                    <GridView.ItemTemplate>
                        <DataTemplate x:DataType="data:Challenge">
                            <StackPanel VerticalAlignment="Top" HorizontalAlignment="Left">
                                <TextBlock FontSize="16" Text="{x:Bind Name}" />
                            </StackPanel>
                        </DataTemplate>
                    </GridView.ItemTemplate>
                </GridView>-->

            </StackPanel>

        </DataTemplate>
    </Pivot.ItemTemplate>
</Pivot>

GridView 可能不是我最终确定的控件，但如果我知道如何绑定它，那么我应该能够将这些知识与另一个控件一起使用。

Intellisense 有助于确定哪些属性可用，但Activities 不是其中之一。我只得到了诸如Name 和Description 这样正常工作的字符串（前两个TextBlock）。

Answer 1

我看到的唯一问题是您在内部GridView 中使用了错误的DataType。 Activities集合中的类型是Challenge.Activity，这是一个嵌套类，嵌套类在XAML中用加号（+）表示，所以data:Challenge+Activity：

<GridView DataContext="{Binding}" ItemsSource="{x:Bind Activities}" SelectionMode="None"
    IsItemClickEnabled="False" IsSwipeEnabled="False" CanDragItems="False"
    HorizontalAlignment="Left" Margin="0,70,0,0" VerticalAlignment="Top" Width="300">
    <GridView.ItemTemplate>
        <DataTemplate x:DataType="data:Challenge+Activity">
            <StackPanel VerticalAlignment="Top" HorizontalAlignment="Left">
                <TextBlock FontSize="16" Text="{x:Bind Name}" />
            </StackPanel>
        </DataTemplate>
    </GridView.ItemTemplate>
</GridView>

VS 可能仍会抛出一些警告，但编译成功后会消失。