windows phone 8 binding list inside list to the listbox - xaml

Question

How can i bind ranking RankingInfo1 and rankinginfo 2 to the listbox. basically i am having trouble with the three level hierarchy. RankingInfo1 -> RankingInfo -> Ranking.
public class BookInfo
{
private long _BookId = 0;
public long BookId
{
get
{
return _BookId;
}
set
{
_BookId = value;
}
}
private string _BookTitle = string.Empty;
public string BookTitle
{
get
{
return _BookTitle;
}
set
{
_BookTitle = value;
}
}
public List<RankInfo> RankingInfo1 { get; set; }
public List<RankInfo> RankingInfo2 { get; set; }
}
public class RankInfo {
public int? Ranking { get; set; }
public DateTime? WeekDate { get ; set ;}
}
what i have tried but the thing is that i am getting : booklocator.Model.RankInfo as the output.
<ListBox x:Name="lstrankingUSAToday" ItemsSource="{Binding RankingInfo1}" Grid.ColumnSpan="2">
<StackPanel Width="Auto">
<TextBlock Text="Ranked USA Today: "/>
<TextBlock Text="{Binding Ranking}"></TextBlock>
</StackPanel>
</ListBox>

Answer 1

You need to use ItemsControl to bind the list of values. I am showing simple demo try it and let me if you need further help.
XAML
<ListBox ItemsSource="{Binding Items}">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel>
<TextBlock Text="{Binding BookId}" FontSize="20" />
<TextBlock Text="{Binding BookTitle}" FontSize="20" />
<ItemsControl ItemsSource="{Binding RankingInfo1}" Margin="0 20 0 0">
<ItemsControl.ItemTemplate>
<DataTemplate>
<Border BorderBrush="Blue" BorderThickness="2">
<TextBlock Text="{Binding Ranking}" FontSize="20" />
</Border>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
<ItemsControl ItemsSource="{Binding RankingInfo2}" Margin="0 20 0 0">
<ItemsControl.ItemTemplate>
<DataTemplate>
<Border BorderBrush="Red" BorderThickness="2">
<TextBlock Text="{Binding Ranking}" FontSize="20" />
</Border>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
C#
public List<BookInfo> Items { get; set; }
protected override void OnNavigatedTo(NavigationEventArgs e)
{
var _RankingInfo1 = new List<RankInfo>
{
new RankInfo { Ranking = 1, WeekDate = DateTime.Now },
new RankInfo { Ranking = 2, WeekDate = DateTime.Now }
};
var _RankingInfo2 = new List<RankInfo>
{
new RankInfo { Ranking = 10, WeekDate = DateTime.Now.AddDays(-2) },
new RankInfo { Ranking = 20, WeekDate = DateTime.Now.AddDays(-2) }
};
Items = new List<BookInfo>
{
new BookInfo { BookId = 9, BookTitle = "My Book Title", RankingInfo1 = _RankingInfo1, RankingInfo2 = _RankingInfo2 }
};
this.DataContext = this;
}