Binding nested JSON to listbox in XAML

Question

This is my modal,

 public class main
    {
        public List<categories> categorieslist { get; set; }
    }

    public class categories
    {
        public int categoryId { get; set; }
        public string categoryName { get; set; }
        public List<pdf> pdfdocs { get; set; }
        public List<video> videoFiles { get; set; }
    }

    public class pdf
    {
        public string URL { get; set; }
        public string language { get; set; }
        public string createdDate { get; set; }
        public bool isFavorite { get; set; }
        public bool isRead { get; set; }
    }

Im using JSON.NET to deserialize

 main mainobj = JsonConvert.DeserializeObject<main>(App.hello);

I need to display list of PDF's for a selected category, Im using LINQ to filter that particular category, I am unable to bind the PDF list..

 pdf.ItemsSource = App.mainobj.categorieslist.Where(i => i.categoryId.Equals(s));

  <ListBox x:Name="pdf" Margin="0,0,0,363"  ItemsSource="{Binding}" Foreground="White">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel>
                            <TextBlock Text="{Binding pdf.URL}" Foreground="White"></TextBlock>
                        </StackPanel>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>

Answer 1

<ListBox ItemsSource="{Binding categorieslist}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel>
                <TextBlock Text="{Binding categoryId }" FontSize="20" />

                <ItemsControl ItemsSource="{Binding pdf}" Margin="0 20 0 0">
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <Border BorderBrush="Blue" BorderThickness="2">
                                <TextBlock Text="{Binding URL }" FontSize="20" />
                            </Border>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                </ItemsControl>
                <ItemsControl ItemsSource="{Binding videoFiles}" Margin="0 20 0 0">
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <Border BorderBrush="Red" BorderThickness="2">
                                <TextBlock Text="{Binding URL}" FontSize="20" />
                            </Border>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                </ItemsControl>
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>