DataTemplate внутри DataTemplate — ListBox внутри ListBox

#c# #.net #wpf #collections #binding

#c# #.net #wpf #Коллекции #привязка

Вопрос:

Я хочу использовать dataTemplale внутри DataTemplate. Я хочу отображать данные в окне списка следующим образом:

 <RoomName>
    <Kid Name>
    <Kid Name>
<RoomName>
    <Kid Name>
<RoomName>
    <Kid Name>
    <Kid Name>
    <Kid Name>
  

Это то, что я получил. Это не работает.

 class Room
{
  ObservableCollection<kid> Kids = new Ob...
}

class School
{
  ObservableCollection<Room> Rooms = new Ob...
}

class kid
{
  Name;
  Size;
  (...)
}
  

Это моя привязка из кода:

 School BigSchool = new School();
MainListBox.DataContext = BigSchool;
  

Это мое окно XAML:

 <Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:Rapideo_Client" mc:Ignorable="d"
        x:Class="Rapideo_Client.MainWindow"
        Title="Client" SnapsToDevicePixels="True" Height="400" Width="625">
    <Window.Resources>
        <DataTemplate x:Key="kidTemplate" DataType="Kid">
            <StackPanel Orientation="Vertical">
                <TextBlock Text="{Binding Path=Name}" FontWeight="Bold"></TextBlock>
                <Label Content="{Binding Path=Size}"/>
            </StackPanel>
        </DataTemplate>
        <DataTemplate x:Key="roomTemplate" DataType="Room">
            <StackPanel Orientation="Vertical">
                <Label Content="{Binding Path=Kids.Count}"/>
                <ListBox ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Disabled" ItemsSource="{Binding Path=Kids}" ItemTemplate="{DynamicResource kidTemplate}" />
            </StackPanel>
        </DataTemplate>
    </Window.Resources>

    <ListBox ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Visible" x:Name="MainListBox" Grid.Column="1" ItemsSource="{Binding Rooms}" ItemTemplate="{DynamicResource roomTemplate}" />

</Window>
  

Комментарии:

1. Пожалуйста, объясните «это не работает».

Ответ №1:

Почему бы просто не использовать ListView с группировкой? Тогда вы могли бы использовать единый ListView с одним шаблоном данных для элементов и одним для группы. Просто установите GroupStyle в ListView, и он будет делать именно то, что вы хотите.

Пример:

 <DataTemplate x:Uid="DataTemplate_4" x:Key="MetadataGroupDisplayTemplate">
    <TextBlock x:Uid="TextBlock_4" Text="{Binding Path=RoomName}" FontWeight="Bold" Margin="0,5,0,0"/>
</DataTemplate>
  
 GroupStyle gs = new GroupStyle();
gs.HeaderTemplate = FindResource("MetadataGroupDisplayTemplate") as DataTemplate;
MyListView.GroupStyle.Add(gs);
  

Ответ №2:

Привязка данных (прочитайте это!) работает только с общедоступными свойствами, в вашем коде я вижу только поля.

Также, если это не так, проверьте окно вывода Visual Studio на наличие ошибок привязки, также проверьте этот сайт для получения дополнительной информации об отладке привязки данных.