在 TreeView 中显示分层数据

Question

我只是想在 TreeView 中显示分层数据，但我只是不知道如何使它显示比前两个级别更多。 （而且我几乎已经阅读了所有 TreeView 帖子，也许问题是我在这种情况下对绑定的（错过）轻描淡写）

我已经为这个测试简化了我的数据结构：

public class Node
{
    public List<Node> Children { get; set; }

    public Node Parent { get; set; }

    public string Expression { get; set; }
}

Xaml 目前看起来是这样的：（请注意我现在已经更改了好几次，但这是我想出的原始状态：）

<Window x:Class="Klammern_Test.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:Klammern_Test"
        Title="MainWindow" Height="439" Width="402">
    <Window.Resources>
        <HierarchicalDataTemplate DataType="{x:Type local:Node}">
            <TreeViewItem ItemsSource="{Binding Children}" Header="{Binding Expression}"/>
        </HierarchicalDataTemplate>
    </Window.Resources>
    <Grid>
        <TreeView ItemsSource="{Binding Root}" Margin="12,41,12,12" Name="treeView" />            
    </Grid>
</Window>

这就是我尝试填充树视图的方式：

public partial class MainWindow : Window
{
        public Node Root { get; set; }

        public MainWindow()
        {
            InitializeComponent();
            DataContext = this;

        }

        private void StartButton_Click(object sender, RoutedEventArgs e)
        {
            Parser = new StringParser();
            Root = Parser.Parse(Tbx_Eingabe.Text);       
            treeView.Items.Add(PopulateTreeView(Root));



        }

        private TreeViewItem PopulateTreeView(Node node)
        {
            TreeViewItem treeViewItem = new TreeViewItem();
            treeViewItem.IsExpanded = true;
            treeViewItem.Header = node.Expression;


            foreach (Node child in node.Children)
            {
                treeViewItem.Items.Add(new TreeViewItem() { Header = child.Expression });

                if (child.Children.Count > 0)
                {
                    PopulateTreeView(child);
                }
            }

            return treeViewItem;
        }
}

我错过了什么？

编辑：

在尝试了 almulo 的提示后，我用 Snoop-tool 找到了这个，但我完全不知道它是什么意思，我没有找到其他红线，并且根本没有进入 Binding Errors 列。

Answer 1

在 HierarchicalDataTemplate 中使用 TreeViewItem 是您的 TreeView 的 TreeViewItems 将用来创建自己的内容......令人困惑。

在您的HierarchicalDataTemplate 中，您应该只添加您希望项目“标题”具有的控件。在这种情况下，我想应该是 TextBlock，因为您只是想显示一些文字。

然后使用HierarchicalDataTemplate.ItemSource 属性绑定节点的子节点。

    <Window.Resources>
        <HierarchicalDataTemplate DataType="{x:Type local:Node}" 
                                  ItemsSource="{Binding Children}">
            <TextBlock Text="{Binding Expression}" />
        </HierarchicalDataTemplate>
    </Window.Resources>

此外，在您的代码隐藏中，您不应直接操作 TreeView.Items 或 TreeViewItem.Items，因为您已经在使用 Bindings 和 ItemsSource 属性。

相反，删除 PopulateTreeView 方法并让您的 Root 属性作为 TreeView 的项目源。但为了使其工作，您必须在 Root 属性更改其值时通知视图。

为此，请实现INotifyPropertyChanged 接口并在每次Root 更改时触发PropertyChanged 事件。

编辑： ItemsControl 属性ItemsSource 需要一个集合（更具体地说，是一个IEnumerable），所以Root 必须是一个集合。即使它只有一个项目，像这样：

public class MainWindow : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    // ...

    private void StartButton_Click(object sender, RoutedEventArgs e)
    {
        Parser = new StringParser();
        Root = new Node[] { Parser.Parse(Tbx_Eingabe.Text) };

        if (PropertyChanged != null)
            PropertyChanged(this, new PropertyChangedEventArgs("Root"));
    }

    // ...
}