以编程方式绑定到树视图在 UWP 中不起作用

Question

我正在关注this 文章，尝试以编程方式将数据绑定到树视图（我在 1903 年）。

在一个全新的 UWP 应用中，我有以下代码：

public MainPage()
{
    this.InitializeComponent();

    var items = new List<Item>();
    var rootItem = new Item();
    rootItem.Name = "Root Item";
    rootItem.Children.Add(new Item() { Name = "test child 1" });
    items.Add(rootItem);

    var treeView = new TreeView();
    treeView.ItemsSource = items;
    stackPanel.Children.Add(treeView);
}

Item 看起来像这样：

public class Item
{
    public string Name { get; set; }
    public ObservableCollection<Item> Children { get; set; } = new ObservableCollection<Item>();

    public override string ToString()
    {
        return Name;
    }
}

这似乎是上述文章中概述的确切结构。但是，当我运行应用程序时，我得到了这个：

我的猜测是我需要做，或者设置一些东西来告诉这个树视图，或者它有孩子的集合 - 但我看不出那可能是什么。

Answer 1

您应该按照docs 中的说明创建一个ItemTemplate。

您可以使用XamlReader 类以编程方式执行此操作。像这样的：

const string Xaml = "<DataTemplate xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\"><TreeViewItem ItemsSource=\"{Binding Children}\" Content=\"{Binding Name}\"/></DataTemplate>";
treeView.ItemTemplate = XamlReader.Load(Xaml) as DataTemplate;

Answer 2

如果您使用 C# 构建 TreeView，我建议使用遍历添加 TreeViewNode。

由于缺少指令，TreeView 不会自动处理 Item 的 Children。在您提供的文档中，TreeView 有一个 DataTemplate 指令，因此孩子们可以渲染。

您可以像这样更改代码：

public MainPage()
{
    this.InitializeComponent();
    var items = new List<Item>();
    var rootItem = new Item();
    rootItem.Name = "Root Item";
    rootItem.Children.Add(new Item() { Name = "test child 1" });
    items.Add(rootItem);
    var treeView = new TreeView();

    foreach (var root in items)
    {
        var rootNode = new TreeViewNode() { Content = root.Name };
        if (root.Children.Count > 0)
        {
            foreach (var child in root.Children)
            {
                rootNode.Children.Add(new TreeViewNode() { Content = child.Name });
            }
        }
        treeView.RootNodes.Add(rootNode);
    }
    stackPanel.Children.Add(treeView);
}

最好的问候。