博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
WPF TreeView 控件 HierarchicalDataTemplate 绑定节点及自定义节点的 样式
阅读量:5082 次
发布时间:2019-06-13

本文共 4171 字,大约阅读时间需要 13 分钟。

HierarchicalDataTemplate 的含义为分层数据模板,用来定义分层数据样式的模板,一般多用于MenuItem和TreeViewItem

HierarchicalDataTemplate 数据模板包含属性 DataType 和 ItemsSource ,其中 DataType 为 该数据模板需要绑定的数据类型,ItemsSource 为数据模板的子数据源 意味着该节点的子节点的数据源。

 

本文实现一个DEMO 实现 学校到年级,到班级的层级显示,效果图如下:

 

Demo 不一定是最完美的的,但是这种实现方式会给遇到过这样需求的人提供新的思路, 看到上图 的 效果图 应该有两点值得考虑,第一 节点的如何绑定的, 第二 每个节点的不用样式如何动态绑定,那么带着这两个问题我们往下看

第一步: 我们看下该节点数据的实体类定义:

 TreeViewItemNode 该实体类定义了,每个TreeView控件中的TreeViewITem 需要绑定的数据实体类:

  

public class TreeViewItemNode : ICloneable    {        public TreeViewItemNode()        {            this.Chirldren = new List
(); } ///
/// 获取或设置 节点的名称 /// public string Name { get; set; } ///
/// 获取或设置 节点的子节点 /// public List
Chirldren { get; set; } ///
/// 获取或设置 该节点从属于数据那种业务数据类型 /// public BaseEntity Self { get; set; } public object Clone() { return new TreeViewItemNode() { Name = this.Name, Self =this.Self }; } }

第二步:我们定义每个节点的含义,从效果图上分析,该节点信息分为:学校,年级,班级三大类,如下代码:

///     /// 基类    ///     public class BaseEntity    {        public string Name { get; set; }    }    ///     /// 班级    ///     public class ClassObj : BaseEntity    {    }    ///     /// 年级    ///     public class Grade : BaseEntity    {    }    ///     /// 学校    ///     public class School : BaseEntity    {    }

备注 :定义BaseEntity 的意义在于,在TreeViewItemNode 中的Seft 可以是继承这个父类的所有子类,一遍后面设置每个子类的在界面中对应的样式

第三步:构造 TreeViewItemNode 数据集合:

public class SchoolList : List
{ public SchoolList() {   // 创建 班级模板类,一遍后面的服用             TreeViewItemNode classObj1 = new TreeViewItemNode() { Name = "一班", Self = new ClassObj() { Name = "一班" } };             TreeViewItemNode classObj2 = new TreeViewItemNode() { Name = "二班", Self = new ClassObj() { Name = "二班" } };             TreeViewItemNode classObj3 = new TreeViewItemNode() { Name = "三班", Self = new ClassObj() { Name = "三班" } }; TreeViewItemNode parentSchool = new TreeViewItemNode() { Name = "尼特学校" }; parentSchool.Self = new School() { Name = "尼特学校" }; parentSchool.Chirldren.Add(new TreeViewItemNode() { Self = new Grade() { Name = "一年级" }, Name = "一年级", Chirldren = new List
() { classObj1.Clone() as TreeViewItemNode, classObj2.Clone() as TreeViewItemNode, classObj3.Clone() as TreeViewItemNode } }); parentSchool.Chirldren.Add(new TreeViewItemNode() { Self = new Grade() { Name = "二年级" }, Name = "二年级", Chirldren = new List
() { classObj1.Clone() as TreeViewItemNode, classObj2.Clone() as TreeViewItemNode, classObj3.Clone() as TreeViewItemNode } }); parentSchool.Chirldren.Add(new TreeViewItemNode() { Self = new Grade() { Name = "三年级" }, Name = "三年级", Chirldren = new List
() { classObj1.Clone() as TreeViewItemNode, classObj2.Clone() as TreeViewItemNode, classObj3.Clone() as TreeViewItemNode } }); Add(parentSchool); } public TreeViewItemNode this[string name] { get { foreach (TreeViewItemNode l in this) if (l.Name == name) return l; return null; } } }

备注: Schools 中的chirldren包含 年级的节点,年级的节点chirldren中包含班级的节点,嵌套追加的方式。

第四步:查看界面绑定:

代码已经编写完毕,运行后就是本文中一开始的截图。

具体每块代码的含义如下图所示:

 说到这里,该demo的代码已经全部介绍完了,但是有人可能会有这样的疑问,为什么 分层数据模板只有一个 却能显示这么多层的子集数据呢,那是因为,我们的虚拟的节点类是TreeViewItemNode ,在该实体类中的chirldren 是一个该类型的集  合,因为 分层数据模板 HierarchicalDataTemplate 的数据类型为 TreeViewItemNode 并且 子集的数据来源为Chirldren ,因此只要 TreeViewItemNode 类中的Chirldren属性中一直存在着数据,那么该节点会一直嵌套循环的显示Chirldren的数据。

 

转载于:https://www.cnblogs.com/superxiaohuihui/p/7233615.html

你可能感兴趣的文章
关键词提取
查看>>
装饰器,迭代器与生成器
查看>>
endpoint 理解-1
查看>>
Lambad表达式树(转)
查看>>
<每日一题>题目28:简单的python练习题(51-60)
查看>>
15 SharePreference
查看>>
24点
查看>>
各种米的营养价值
查看>>
php 处理数字为金钱格式
查看>>
学习51单片机——秒表分享
查看>>
我画你猜(微信版--游戏说明)
查看>>
cssText的用法以及特点 转载至http://www.cnblogs.com/majingyi/p/6840818.html
查看>>
7款纯CSS3实现的炫酷动画应用
查看>>
sed结构分析 + awk结构分析
查看>>
MySQL安装+更换yum源+mysql密码忘记(2019更新)
查看>>
解决ubuntu10插入耳机还有外音的问题
查看>>
自用win10软件
查看>>
Hive异常- requestedMemory=1536, maxMemory=1024
查看>>
python 选择排序
查看>>
【转】 ubuntu12.04更新源 官网和163等
查看>>