Question

I am trying to bind a property ObservableCollection<ObservableCollection<Location>> to a ListBox with ItemTemplate of ListBox which in-turn has an ItemTemplate that is a grid. The layout of the listbox within a listbox seems to work fine. However, I am having issues with my databinding.

For the second layer listbox ItemsSource I have tried binding using the Collection Current Item Bindings ItemSource="{Binding /}" and using ItemsSource="{TemplateBinding /}". I new to WPF and am using MVVM, so any tips and/or criticism are appreciated.

<ListBox Grid.Row="4" Width="610" Height="600" HorizontalContentAlignment="Stretch" ItemsSource="{Binding CurrentLocation.Children}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <ListBox Width="550" Height="100" Margin="5"   HorizontalContentAlignment="Stretch"  ItemsSource="{Binding /}" >
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <Grid HorizontalAlignment="Stretch" Margin="5">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="3*" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*" />
                                <RowDefinition Height="*" />
                            </Grid.RowDefinitions>
                            <TextBlock Grid.Column="0" Grid.Row="0" Margin="5" Text="Name:" />
                            <TextBlock Grid.Column="0" Grid.Row="1" Margin="5" Text="Description:" />
                            <TextBlock Grid.Column="1" Grid.Row="0" Margin="5" Text="{Binding Name}" />
                            <TextBlock Grid.Column="1" Grid.Row="1" Margin="5" Text="{Binding Description}" TextWrapping="Wrap" />
                            <Button Grid.Column="2" Grid.Row="0" Command="{Binding TODO}">
                                <TextBlock Text="Edit"/>
                            </Button>
                            <Button Grid.Column="2" Grid.Row="1" Command="{Binding TODO}">
                                <TextBlock Text="Delete"/>
                            </Button>
                        </Grid>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

Answer 1

Each ListBoxItem contains the DataContext of whatever the object is in the parent collection, so you should be fine to specify nothing in the Binding.

<ListBox ItemsSource="{Binding MyCollectionOfCollections}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <!-- DataContext of each item will an inner ObservableCollection<Location> -->
            <ListBox ItemsSource="{Binding }" />
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>