Иерархические данные с привязкой данных WPF Treeview со смешанными типами

У меня немного сложная ситуация с WPF Treeview Binding. Последние два дня я пробовал Google, и этот закрыт, я придумал, но он не решает проблему.

Вот ситуация:

У меня есть объект, который выглядит так:

public class Category
{
  public string Name { get; set; }
  public List<Category> Categories { get; set; }
  public List<Product> Products { get; set; }
}

public class Product
{
  public string Name { get; set;
}

Каждая категория может иметь список объектов и дочерние категории. У меня есть причина для этого, что имеет смысл для меня, и приложение, которое я пишу.

Фактическая конструкция объекта может выглядеть примерно так:

Category - Pharmacy
  |-Product - Aspirin
  |-Product - Tylenol
  |-Category - Tooth Paste
  |  |-Product - Crest
  |  |-Product - Colgate
  |-Category - Paper Products
   |-Category - Toilet Paper
   |  |-Product - NoName
   |  |-Product - Charmin
   |-Category - Facial Tissue
      |-Product - Kleenex
Category - Household
  |-Product - Pinesol Cleaner
  |-Product - Garbage Bags

Теперь я пытаюсь привязать это отношение к древовидной структуре. Я хотел бы, чтобы TreeView выглядел почти идентично описанной выше конструкции объекта.

До сих пор у меня появилось мое представление XAML Treeview:

  <TreeView x:Name="CategoryList" Margin="8" Grid.Row="2" Grid.RowSpan="2" ItemsSource="{Binding Path=Categories}">
            <TreeView.Resources>
                <HierarchicalDataTemplate DataType="{x:Type src:Category}" ItemsSource="{Binding Products}">
                    <StackPanel>
                        <TextBlock Text="{Binding Path=Name}" />
                    </StackPanel>
                </HierarchicalDataTemplate>
                <HierarchicalDataTemplate DataType="{x:Type src:Product}">
                    <StackPanel>
                        <TextBlock Text="{Binding Path=Name}" />
                    </StackPanel>
                </HierarchicalDataTemplate>
            </TreeView.Resources>
        </TreeView>

Это отлично подходит для основного списка категорий и каждого из них. Но он не углубляется и отображает подкатегории под каждой категорией.

Есть ли способ сделать это непосредственно с помощью шаблонов, чтобы был выбран каждый элемент (категория или продукт)? Я использую шаблон MVVM и не хочу прибегать к использованию кода позади, но если это необходимо.

Ответ 1

Так как вы хотите, чтобы элементы в TreeView имели список дочерних элементов, состоящий из двух продуктов категорий, вы хотите, чтобы в вашей категории ViewModel была коллекция, состоящая из категорий и продуктов. Например, вы можете использовать CompositeCollection для объединения существующих коллекций:

public class Category
{
    public string Name { get; set; }
    public List<Category> Categories { get; set; }
    public List<Product> Products { get; set; }

    public IList Children
    {
        get
        {
            return new CompositeCollection()
            {
                new CollectionContainer() { Collection = Products },
                new CollectionContainer() { Collection = Categories }
            };
        }
    }
}

(В реальном коде вы, вероятно, захотите сохранить ссылку на один и тот же объект коллекции, а не создавать новый каждый раз.)

Затем в вашем HierarchicalDataTemplate используйте объединенный список как ItemsSource:

<HierarchicalDataTemplate DataType="{x:Type src:Category}"
                          ItemsSource="{Binding Children}">

Элементы будут представлять собой набор объектов Product и Category, а WPF будет использовать соответствующий DataTemplate для каждого из них.