数据绑定数据透视控件,而每个数据透视项目数据模板中的数据绑定

时间:2018-10-11 08:40:46

标签: c# xaml mvvm uwp

所以我有一个``ObservableCollection,我绑定到一个Pivot控件上。这个ObservableCollection的孩子也是一个ObservableCollection,我正在尝试在每个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>

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

Intellisense在确定哪些属性可用方面有很大帮助,但是Activities不是一个。我只会得到像NameDescription这样的字符串,它们可以正常工作(前两个TextBlock)。

1 个答案:

答案 0 :(得分:0)

我看到的唯一问题是您在内部DataType中使用了错误的GridViewActivities集合中的类型为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可能仍会引发一些警告,但在成功编译后这些警告将消失。