时间戳

首页 > 解决方案 > 数据绑定 Pivot 控件，同时在每个 Pivot 项数据模板内进行数据绑定

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

问题描述

所以我有一个绑定到Pivot控件的“ObservableCollection”。这ObservableCollection有一个也是 an 的孩子，ObservableCollection我正在尝试将 a 绑定GridView到每个Pivotitem人的身体中。

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

// 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>

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

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

标签： c#xamlmvvmuwp

解决方案

我看到的唯一问题是您DataType在内部使用了错误的GridView. Activities集合中的类型是 ，它是一个嵌套类，嵌套类在 XAMLChallenge.Activity中用加号 ( ) 表示，因此：+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 可能仍会抛出一些警告，但编译成功后会消失。

推荐阅读