MVVM实现TreeView

最新推荐文章于 2025-07-05 23:17:32 发布
最新推荐文章于 2025-07-05 23:17:32 发布
阅读量1.6k 收藏 1
点赞数 1
分类专栏： WPF
本文介绍如何在WPF中实现树形视图(TreeView)的复选框功能，包括父节点与子节点之间的状态同步。通过定义自定义类`MyTree`和视图模型`TreeViewModel`，实现父节点全选则所有子节点被选中，子节点全部选中时父节点也被选中。此外，还展示了如何通过XAML模板实现视图的定制。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

文章最后给出了源码下载地址

图1   图2     

模版加上了一个checkbox，选中父类的checkbox 所有的子类也相就选中。

如果子类没有全部父类的checkbox不会选中

用vmmm我们要先实现INotifyPropertyChanged

/// <summary>
///
/// </summary>
public class NotifyPropertyBase : INotifyPropertyChanged
{
    #region INotifyPropertyChanged
    public void OnPropertyChanged(string propertyName)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this,new PropertyChangedEventArgs(propertyName));
        }
    }
    public event PropertyChangedEventHandler PropertyChanged;
    #endregion
}

为了避免硬编码错误我写一个扩展方法

/// <summary>
  /// 扩展方法
  /// 避免硬编码问题
  /// </summary>
  public static class NotifyPropertyBaseEx
  {
      public static void SetProperty<T, U>(this T tvm, Expression<Func<T, U>> expre) where T : NotifyPropertyBase, new()
      {
          string _pro = CommonFun.GetPropertyName(expre);
          tvm.OnPropertyChanged(_pro);
      }
  }
  #endregion
public class CommonFun
  {
      /// <summary>
      /// 返回属性名
      /// </summary>
      /// <typeparam name="T"></typeparam>
      /// <typeparam name="U"></typeparam>
      /// <param name="expr"></param>
      /// <returns></returns>
      public static string GetPropertyName<T, U>(Expression<Func<T, U>> expr)
      {
          string _propertyName = "";
          if (expr.Bodyis MemberExpression)
          {
              _propertyName = (expr.Body as MemberExpression).Member.Name;
          }
          else if (expr.Bodyis UnaryExpression)
          {
              _propertyName = ((expr.Body as UnaryExpression).Operandas MemberExpression).Member.Name;
          }
          return _propertyName;
      }
  }
下面我们就来实现treeveivew的绑定类

/// <summary>
   /// 因为用到泛型了不能写成abstract 类
   ///
   /// </summary>
   public  class MyTree : NotifyPropertyBase
   {
 
 
       #region 父
       public MyTree Parent
       {
           get;
           set;
       }
       #endregion
 
       #region 子
       public List<MyTree> Children
       {
           get;
           set;
       }
       #endregion
 
       #region 节点的名字
       public string Name
       {
           get;
           set;
       }
       #endregion
 
       #region Constructors
       public MyTree(string name)
       {
           this.Name=name;
           this.Children=new List<MyTree>();
       }
       public MyTree() { }
 
       public
       #endregion
 
       #region CheckBox是否选中
       bool? _isChecked;
       public bool? IsChecked
       {
           get
           {
               return _isChecked;
           }
           set
           {
               SetIsChecked(value,true,true);
           }
       }
 
       private void SetIsChecked(bool? value, bool checkedChildren,bool checkedParent)
       {
           if (_isChecked == value) return;
           _isChecked = value;
           //选中和取消子类
           if (checkedChildren && value.HasValue && Children != null)
               Children.ForEach(ch => ch.SetIsChecked(value, true,false));
 
           //选中和取消父类
           if (checkedParent && this.Parent != null)
               this.Parent.CheckParentCheckState();
 
           //通知更改
            
           this.SetProperty(x => x.IsChecked);
       }
 
       /// <summary>
       /// 检查父类是否选 中
       /// 如果父类的子类中有一个和第一个子类的状态不一样父类ischecked为null
       /// </summary>
       private void CheckParentCheckState()
       {
           bool? _currentState = this.IsChecked;
           bool? _firstState = null;
           for (int i = 0; i < this.Children.Count(); i++)
           {
               bool? childrenState = this.Children[i].IsChecked;
               if (i == 0)
               {
                   _firstState = childrenState;
               }
               else if (_firstState != childrenState)
               {
                   _firstState = null;
               }
           }
           if (_firstState != null) _currentState = _firstState;
           SetIsChecked(_firstState,false,true);
       }
 
       #endregion
 
       #region 选中的行 IsSelected
       bool _isSelected;
       public bool IsSelected
       {
           get
           {
               return _isSelected;
           }
           set
           {
               _isSelected = value;
               this.SetProperty(x => x.IsChecked);
               if (_isSelected)
               {
                   SelectedTreeItem = this;
                   MessageBox.Show("选中的是" + SelectedTreeItem.Name);
               }
               else
                   SelectedTreeItem = null;
           }
       }
       #endregion
 
       #region 选中的数据
       public MyTree SelectedTreeItem
       {
           get;
           set;
       }
       #endregion
 
       #region 创建树
 
       public void CreateTreeWithChildre( MyTree children,bool? isChecked)
       {
           this.Children.Add(children);
 
           children.Parent = this;
           children.IsChecked = isChecked;
       }
       #endregion
   }

我们再下面实现ViewModel

public class TreeViewModel:NotifyPropertyBase
   {
       public List<MyTree> MyTrees
       {
           get;
           set;
       }
       public TreeViewModel()
       {
           MyTrees = new List<MyTree>();
           MyTrees.Add(MyCreateTree());
            
       }
       /// <summary>
       /// 创建树
       /// </summary>
       /// <returns></returns>
       public MyTree MyCreateTree()
       {
           MyTree _myT = new MyTree("中国");
           #region 北京
           MyTree _myBJ = new MyTree("北京");
           _myT.CreateTreeWithChildre(_myBJ,false);
           MyTree _HD = new MyTree("海淀区");
            
            
           MyTree _CY = new MyTree("朝阳区");
           MyTree _FT = new MyTree("丰台区");
           MyTree _DC = new MyTree("东城区");
 
           _myBJ.CreateTreeWithChildre(_HD,false);
           _HD.CreateTreeWithChildre(new MyTree("某某1"),false);
           _HD.CreateTreeWithChildre(new MyTree("某某2"),true);
           _myBJ.CreateTreeWithChildre(_CY,false);
           _myBJ.CreateTreeWithChildre(_FT,false);
           _myBJ.CreateTreeWithChildre(_DC,false);
 
           #endregion
 
           #region 河北
           MyTree _myHB = new MyTree("河北");
           _myT.CreateTreeWithChildre(_myHB,false);
           MyTree _mySJZ = new MyTree("石家庄");
           MyTree _mySD = new MyTree("山东");
         
           MyTree _myTS = new MyTree("唐山");
 
           _myHB.CreateTreeWithChildre(_mySJZ,true);
           _myHB.CreateTreeWithChildre(_mySD,false);
           _myHB.CreateTreeWithChildre(_myTS,false);
           #endregion
 
           return _myT;
       }
 
        
   }
我们再实现一个TreeView的模版

<Window x:Class="MyWpfCheckTreeDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:VM="clr-namespace:MyWpfCheckTreeDemo.AppViewModel"
        Title="MainWindow" Height="350" Width="525" Loaded="LoadedEvent">
    <Window.Resources>
        <HierarchicalDataTemplate x:Key="MyTreeItemTemplate"  DataType="{x:Type VM:MyTree}" ItemsSource="{Binding Path=Children,Mode=OneWay}">
            <StackPanel x:Name="My_SP"  Orientation="Horizontal" Margin="2">
                <CheckBox  IsChecked="{Binding Path=IsChecked}" >
                </CheckBox>
                <ContentPresenter  Content="{Binding Path=Name,Mode=OneTime}" Margin="2,0"/>
            </StackPanel>
        </HierarchicalDataTemplate>
        <Style x:Key="TreeViewItemStyle" TargetType="{x:Type TreeViewItem}">
            <Setter Property="IsExpanded" Value="True" />
            <Setter Property="IsSelected" Value="{Binding Path=IsSelected,Mode=TwoWay}"/>
        </Style>
    </Window.Resources>
    <Grid>
        <DockPanel>
            
            <TreeView  x:Name="tv" ItemsSource="{Binding MyTrees}"
                      ItemContainerStyle="{StaticResource TreeViewItemStyle}"
                      ItemTemplate="{StaticResource MyTreeItemTemplate}"
                      ></TreeView>
        </DockPanel>
        
    </Grid>
</Window>



WPF MVVM Treeview
maizi314的博客
03-11 897
本文样例通过NuGet获取MvvmLight框架，实现了TreeView的加载，节点添加和节点删除功能，其中节点加载的方式与常见的迭代方式不同，这里使用了字典的方式，提供了一种生成树结构数据对象的方式，如果有遇到TreeView数据加载卡顿的同学，可以考虑尝试使用这种方式。 本文主要代码如下（源码可见文章最后）， 首先定义了树节点接口，包含组成树结构数据的基本属性 public inter...
WPF MVVMLight Treeview中的SelectedItem
无所谓的专栏
12-13 1508
如何检索WPF树视图中选择的项目？我想在XAML中这样做，因为我想绑定它。 您可能会认为它不存在SelectedItem，但显然不存在，它是只读的，因此无法使用。 这就是我想做的： <TreeView ItemsSource="{Binding Path=Model.Clusters}" ItemTemplate="{StaticResource ClusterTemplate}" SelectedItem="{Binding Path=Mod
WPF MVVM模式下 TreeView 右键菜单
05-07
WPF MVVM模式下TreeView右键选中项，右键菜单 博客地址：http://www.cnblogs.com/xcong/
WPF MVVM实现TreeView
weixin_33726943的博客
06-24 262
今天有点时间，做个小例子WPF MVVM 实现TreeView 只是一个思路大家可以自由扩展 文章最后给出了源码下载地址 图1   图2     模版加上了一个checkbox，选中父类的checkbox 所有的子类也相就选中。 如果子类没有全部父类的checkbox不会选中 用vmmm我们要先实现INotifyPropertyChanged /// &lt;summar...
WPF学习笔记（25）MVVM框架与项目实例
最新发布
lzt1027的博客
07-05 1171
官方文档：https://learn.microsoft.com/zh-cn/dotnet/architecture/maui/mvvm 以一个简单的图书管理系统为例，包含登录和图书删除两个功能。 Model创建Book、DAL、User，内容如下： View创建Login，内容如下： 2. LoginViewModel与Login ViewModel创建LoginViewModel，为界面上的用户名和密码输入框设计属性，并继承InotifyPertyChanged接口，实现数据双向更新
5、采用MVVM方式实现WPF的TreeView
roujian0985的博客
09-25 4222
前言：TreeView可以说是很常见的一个控件，大部分软件不管是客户端还是网页都会有个左侧树型结构的控件，用于承载树形数据，下面就TreeView在MVVM下的使用写两篇小记，一篇是绑定后台数据，一篇是选中事件后获取路由节点信息。 说明：有关MVVM的介绍，可以导航到这篇文章了解下wpf mvvm小记 其中MVVM使用prism框架，这样就不需要自己重新去实现MVVM的功能了，prism中都封装好了。 Prism的简单介绍可以看笔者之前的文章了解下。 一、目录结构 二、测试实现功能 读取.
wpf mvvm treeview 动态加载（实现重命名与右键添加）
06-29
在本文中，我们将深入探讨如何在WPF应用中利用MVVM模式动态加载并管理TreeView，同时实现节点的重命名和右键菜单功能。WPF（Windows Presentation Foundation）是微软提供的一个用于构建桌面应用程序的框架，而MVVM...
wpf mvvm treeview
03-11
在本文中，我们将深入探讨如何在WPF（Windows Presentation Foundation）环境中使用MVVM（Model-View-ViewModel）设计模式来实现一个功能丰富的TreeView组件。首先，让我们了解标题和描述所涉及的关键概念。 **WPF...
TreeView+MVVM实现“多选”
06-05
在本文中，我们将深入探讨如何使用MVVM（Model-View-ViewModel）模式和依赖属性来实现WPF（Windows Presentation Foundation）中的TreeView控件的多选功能。MVVM是一种设计模式，它鼓励分离关注点，使应用程序更易于...
mvvm treeview 显示
04-10
mvvm treeview 只有显示功能
【WPF】树形结构TreeView的用法（MVVM）（转）
weixin_30670965的博客
05-17 633
【WPF】树形结构TreeView的用法（MVVM） TreeView控件的用法还是有蛮多坑点的，最好记录一下。 参考项目： https://www.codeproject.com/Articles/26288/Simplifying-the-WPF-TreeView-by-Using-the-ViewMode 静态的树形结构 如果树形结构的所有子节点都已经确定...
WPF MVVM实现TreeView层级显示
zhaotianff的专栏
08-06 2046
这里其实就是一级一级的定义，比如第一级，使用ItemSource绑定它的下一级列表，然后用一个Label显示当前层级要显示的数据。以前我是直接绑定XML数据到TreeView的，使用的XmlDataProvider，这次的数据是直接来自数据库的。最近在写一个小工具的时候，遇到TreeView的层级显示，刚好我又用了MVVM模式，所以这里做个总结。用到的都是HierarchicalDataTemplate。这里我建立 了三个层级 的数据。在构造函数中创建测试数据。
自己实现MVVM（Vue源码解析）
weixin_33967071的博客
12-08 224
前言 本文会带大家手动实现一个双向绑定过程（仅仅涵盖一些简单的指令解析，如：v-text，v-model，插值），当然借鉴的是Vue1的源码，相信大家在阅读完本文后对Vue1会有一个更好的理解，源代码放到了github，由于本人水平有限，理解不到位的地方还请大家指出。 MVVM MVVM使开发可以更加关注于数据，减少了很大的工作量，也使代...
WPF应用基础篇---TreeView
weixin_30933531的博客
07-31 516
　　1.前言 　　最近有部分朋友经常问我，WPF的TreeView控件，如何用MVVM来实现绑定和显示？所以写下了这篇WPF应用基础篇---TreeView. 　2.介绍 案例浏览： 　　　　 　　　　　　　　　　　　　　　　　　图 1-1（案例结构图） 目的：本文中做了三个简单的Demo给刚刚入门或者入门不久而且不熟悉TreeView控件在MVVM中具体实现的朋友们...
使用TreeView实现文件目录树的展示（基于C#MVVM）第二版！
LINchuana的博客
12-19 1453
这部分是使用TreeView展示文件目录树的模块，后续还会有文件的选择、选择文件展示文件详细信息、上传报告等模块，感兴趣的话可以搬个凳子占个位方便查看~
WPF 项目开发入门（四） MVVM 模式 与 TreeView树组件
zhtbs的博客
08-02 5002
MVVM 模式 与 TreeView树组件
简单的mvvm实现
lznism666的博客
11-17 2864
// eslint-disable-next-line no-unused-vars class MVVM { constructor (options = {}) { this.options = options this.observe(options.data) const root = document.querySelector(options.el) this.compile(root) } observe (data) { Object.k
实现一个MVVM
qq_36582776的博客
04-11 2104
想弄明白MVVM具体是怎么实现的，于是查找到这一篇，也可以去github上看源码。 详解Vue中的MVVM原理和实现方法 - H5W3 我们要实现一个类MVVM简单版本的Vue框架,就需要实现一下几点： 1、实现一个数据监听Observer，对数据对象的所有属性进行监听，数据发生变化可以获取到最新值通知订阅者。 2、实现一个解析器Compile解析页面节点指令，初始化视图。 3、实现一个观察者Watcher，订阅数据变化同时绑定相关更新函数。并且将自己放入观察者集合Dep中。Dep是Obser
WPF中MVVM模式实现TreeView右键菜单教程
当开发者在实现TreeView控件及其右键菜单功能时，遵循MVVM模式可以使得UI的表现与业务逻辑之间保持清晰的界限。 TreeView是一个用于显示节点层级结构的控件，它非常适合用于表示具有层次关系的数据，比如文件系统...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值