前不久做项目中有设计到树形图,还是带CheckBox的树形图,可伤我这种小白的脑筋了,上网找了好多资料参考写出来了,下面来看一下:

首先看这个带CheckBox树形图长啥样,只是一个简单的二级菜单,如下图:
WPF MVVM模式 带CheckBox的树形图

我们先来写一个Model,里面包含我们需要的数据信息,如下图:

首先是三个我们需要用到的变量,节点名称、父节点和子节点

WPF MVVM模式 带CheckBox的树形图

然后是CheckBox的选中事件定义,选中子节点的同时父节点也会选中,若取消选中父节点其所有选中的子节点亦取消选中,代码如下图:

WPF MVVM模式 带CheckBox的树形图

接着是树形图节点列表的收展事件,代码如下图:

WPF MVVM模式 带CheckBox的树形图

在构造函数里初始化定义,初始默认所有节点全选,树形列表默认展开,代码如下图:

WPF MVVM模式 带CheckBox的树形图

Model写好后就来写ViewModel, 包含了View所需要的属性,定义树形图的数据,代码如下图:
WPF MVVM模式 带CheckBox的树形图

要在ViewModelLocator中注册我们刚刚写好的ViewModel,代码如下图:
WPF MVVM模式 带CheckBox的树形图

最后我们来编写View视图,代码如下图:

WPF MVVM模式 带CheckBox的树形图

最后启动运行就可以看到带CheckBoxde 树形图啦!

那么本篇学习文章就分享到这里啦!若有不足的地方,还望请多多指教!

相关文章:

  • 2021-12-12
  • 2021-09-13
  • 2021-08-31
  • 2021-06-07
  • 2021-11-03
  • 2021-11-02
  • 2022-01-27
猜你喜欢
  • 2021-11-26
  • 2022-12-23
  • 2022-12-23
  • 2021-06-30
  • 2021-12-05
相关资源
相似解决方案