将ListView绑定到三层深的对象列表

Question

I am working on a Windows Phone 8.1 application (non SL) and I have the following model:

Quiz
    -- Question
        -- Text
        -- Options
            Options 1 (name, value)
            Options 2 (name, value)
            Options 3 (name, value)

In my XAML page, I have a ListView. I am attempting to bind the list of options to it, like so:

<Page.Resources>
    <DataTemplate x:Key="TemplateOptions">
        <TextBlock Text="{ Binding Name }" FontSize="25" HorizontalAlignment="Center" VerticalAlignment="Center" TextAlignment="Center" Foreground="Black" FontWeight="Bold"></TextBlock>
    </DataTemplate>
</Page.Resources>

<ListView Grid.Row="1" ItemsSource="{Binding Question.Options}" ItemTemplate="{StaticResource TemplateOptions}"></ListView>

But this isn't working! When I run the application, the list is empty. What am I doing wrong?

Thanks

Answer 1

I got it to work like this:

CodeBehind:

public sealed partial class MainPage : Page
{

    public class Quiz
    {
        public Question Question { get; set; }
    }

    public MainPage()
    {
        this.InitializeComponent();

        var options = new List<Option>();
        options.Add(new Option { name = "foo", value = "bar" });
        options.Add(new Option { name = "foo", value = "bar" });
        options.Add(new Option { name = "foo", value = "bar" });
        options.Add(new Option { name = "foo", value = "bar" });

        var question = new Question
        {
            Text = "Question 1",
            Options = new ObservableCollection<Option>(options)
        };


        this.DataContext = new Quiz { Question = question };
    }

    /// <summary>
    /// Invoked when this page is about to be displayed in a Frame.
    /// </summary>
    /// <param name="e">Event data that describes how this page was reached.
    /// This parameter is typically used to configure the page.</param>
    protected override void OnNavigatedTo(NavigationEventArgs e)
    {

    }
}

public class Question
{
    public string Text { get; set; }
    public ObservableCollection<Option> Options { get; set; }
}

public class Option
{
    public string name { get; set; }
    public string value { get; set; }

}

MainPage.xaml

<Page.Resources>
    <DataTemplate x:Key="TemplateOptions">
        <TextBlock Text="{Binding name}" FontSize="25" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="Black" FontWeight="Bold"></TextBlock>
    </DataTemplate>
</Page.Resources>
<Grid Background="White">
    <ListView ItemsSource="{Binding Question.Options}" ItemTemplate="{StaticResource TemplateOptions}"></ListView>
</Grid>