WPF使用模板HierarchicalDataTemplate实现TreeView层次显示

最新推荐文章于 2024-09-18 15:15:44 发布

crf_moonlight

最新推荐文章于 2024-09-18 15:15:44 发布

阅读量1.3w

点赞数 4

分类专栏： WPF C# 文章标签： WPF

本文链接：https://blog.csdn.net/crf_moonlight/article/details/80935268

版权

本文详细介绍了如何使用WPF的HierarchicalDataTemplate在TreeView中实现层次显示，包括数据绑定、节点操作（添加、移动、删除、修改）以及查找定位的方法。在遇到TreeView多层更新不显示的问题时，通过调整对象初始化方式解决了问题。

摘要由CSDN通过智能技术生成

第一阶段显示TreeView

效果图
这里写图片描述

之前看过很多博客, 都是呼哧贴一堆代码, 呼哧创建一个类, 呼哧创建一堆函数……当时任务很紧一下子看不懂也懒得看了(主要是缺图)…现在重新梳理一下还挺清晰的

例如数据是这样的
这里写图片描述

那么数据类可能是这样的

    class Person
    {
        public int Id { get; set; }
        public int Level { get; set; }
        public string Name { get; set; }
        public int ParentId { get; set; }
    }

再套一层, 节点可能是这样的

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

        public string TreeDisplay {
            get { return $"{Name} [第{Level}世]";}
        }

        // 怎么把节点添加到List<>里面忽略...

    }

典型的一个树的结构. 要使用HierarchicalDataTemplate, 属性需要有Id和ParentId, 不知道是模板本身的硬性规定还是可以手动设置的

<TreeView x:Name="treeView" Grid.Row="1">
    <TreeView.ItemTemplate>
        <HierarchicalDataTemplate ItemsSource="{Binding Children}">
            <StackPanel>
                <TextBlock VerticalAlignment="Center" FontSize="14" Text="{Binding TreeDisplay}" Margin="2,0,0,0"/>
            </StackPanel>
        </HierarchicalDataTemplate>
    </TreeView.ItemTemplate