您的位置:首页 > 汽车 > 新车 > 示例:WPF中TreeView自定义TreeNode泛型绑定对象

示例:WPF中TreeView自定义TreeNode泛型绑定对象

2024/7/4 5:51:14 来源:https://blog.csdn.net/u010975589/article/details/139755478  浏览:    关键词:示例:WPF中TreeView自定义TreeNode泛型绑定对象

一、目的:在开发中经常需要绑定TreeView,所以定义了一个泛型的TreeNode<T>用来方便绑定对象和复用


二、实现

    public partial class TreeNodeBase<T> : SelectBindable<T>, ITreeNode{public TreeNodeBase(T t) : base(t){}private ObservableCollection<TreeNodeBase<T>> _nodes = new ObservableCollection<TreeNodeBase<T>>();public ObservableCollection<TreeNodeBase<T>> Nodes{get { return _nodes; }set{_nodes = value;RaisePropertyChanged();}}}

三、环境


VS2022

四、示例

生成测试数据

    public class GetTestTreeNodes : MarkupExtension{public override object ProvideValue(IServiceProvider serviceProvider){var roots = this.GetTreeNodeBases().ToList();foreach (var item in roots){var n1 = this.GetTreeNodeBases();foreach (var item1 in n1){var n2 = this.GetTreeNodeBases();item1.Nodes = n2.ToObservable();}item.Nodes = n1.ToObservable();}return roots;}private IEnumerable<TreeNodeBase<Student>> GetTreeNodeBases(){int c = Random.Shared.Next(3, 15);for (int i = 0; i < c; i++){yield return new TreeNodeBase<Student>(Student.Random());}}}

其中TreeNode<T>  的T使用的测试Student,实际开发中可以使用任意需要的类型,这样在不需要额外定义树结构的情况下可以绑定到树节点上

Xaml中如下绑定

  <TreeView ItemsSource="{local:GetTestTreeNodes}"><TreeView.ItemTemplate><HierarchicalDataTemplate ItemsSource="{Binding Nodes}"><TextBlock VerticalAlignment="Center" Text="{Binding Model.Name}" /></HierarchicalDataTemplate></TreeView.ItemTemplate></TreeView>

显示效果如下

五、需要了解的知识点

TreeView 类 (System.Windows.Controls) | Microsoft Learn 

六、源码地址

GitHub - HeBianGu/WPF-ControlDemo: 示例

GitHub - HeBianGu/WPF-ControlBase: Wpf封装的自定义控件资源库

GitHub - HeBianGu/WPF-Control: WPF轻量控件和皮肤库

七、了解更多

System.Windows.Controls 命名空间 | Microsoft Learn

https://github.com/HeBianGu

HeBianGu的个人空间-HeBianGu个人主页-哔哩哔哩视频

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com