如何实现具有父项和子项的组合框的层次结构

这篇文章的标题可以使用一些工作，但我有困难表达自己没有进入一些细节。

我有一个简单的WPF应用程序，它从第三方API检索State, City, Complex和Building的列表。

public class State
{
    public int Id { get; set; }
    public string Name { get; set; }
}
public class City
{
    public int Id { get; set; }
    public int ParentId { get; set; } // FK to Id in State
    public string Name { get; set; }
}
public class Complex
{
    public int Id { get; set; }
    public int ParentId { get; set; } // FK to Id in City
    public string Name { get; set; }
}
public class Building
{
    public int Id { get; set; }
    public int ParentId { get; set; } // FK to Id in Complex
    public string Name { get; set; }
}

当填充一些数据时，这些列表看起来像这样;

StateOptions = new ObservableCollection<State>
{
    new State() { Id = 1, Name = "California"},
    new State() { Id = 2, Name = "New York"},
};
CityOptions = new ObservableCollection<City>
{
    new City() { Id = 1, ParentId = 1, Name = "Los Angeles"},
    new City() { Id = 2, ParentId = 2, Name = "New York City"}
};
ComplexOptions = new ObservableCollection<Complex>
{
    new Complex() { Id = 1, ParentId = 1, Name = "Los Angeles International Airport"},
    new Complex() { Id = 2, ParentId = 2, Name = "John F. Kennedy International Airport"}
};
BuildingOptions = new ObservableCollection<Building>
{
    new Building() { Id = 1, ParentId = 1, Name = "Terminal 1"},
    new Building() { Id = 2, ParentId = 1, Name = "Terminal 2"},
    new Building() { Id = 3, ParentId = 1, Name = "Terminal 3"},
    new Building() { Id = 4, ParentId = 2, Name = "Terminal 1"},
    new Building() { Id = 5, ParentId = 2, Name = "Terminal 2"},
    new Building() { Id = 6, ParentId = 2, Name = "Terminal 3"},
};

使用这些列表，我需要创建一个新对象Foo，然后将其发送回API。

public class Foo
{
    public int Id { get; set; }
    public int StateId { get; set;
    public int CityId { get; set;
    public int ComplexId { get; set;
    public int BuildingId { get; set;
}

这本身非常简单，因为您可以将列表放在四个可观察集合中，并将它们用作四个ComboBox元素的ItemSource绑定。然后，您可以为每个组合框使用SelectedItem绑定属性来创建Foo对象。

如果这些是平面列表，这将是整洁的，但要注意City, Complex和Building模型中的ParentId字段。

因此，这四个列表必须被视为一个层次结构。事实上，ParentId这个名字很容易引起误解，因为它们并没有引用相同类型的另一个实体。在查看Foo类时，这一点变得很明显，它具有上述所有内容的外键。

因此，我需要过滤City组合框中的项目，以仅显示Id等于State组合框的SelectedItem的ParentId的项目。Complex和Building组合框也是如此。

为了进一步补充，我更倾向于通过创建WPF用户控件来解决这个问题，因为这四个列表将在未来的许多视图中再次出现，并且需要相同的功能。然而，我对所有的解决方案都持开放态度。我也更喜欢这样做，而不需要额外访问API，因为列表非常大。

为方便起见，我在https://db.tt/IAyOiq35创建了一个演示项目。这个项目通过将四个列表视为平面来说明这个问题，因此您可以选择洛杉矶国际机场作为综合体，尽管选择纽约作为州。这显然是错误的，而这正是我想要防止用户犯的错误。

public class Node
{
    public int Id { get; set; }
    public int ParentId { get; set; }
    public string Name { get; set; }
}
public class HierarchicalNode
{
    public int Id { get; set; }
    public int ParentId { get; set; }
    public List<HierarchicalNode> Children { get; set; }
}