MVVM绑定多层级数据到TreeView并设置项目展开

昨天在做项目的时候碰到了这个问题,发现通常我们定义的数据不法绑定到控件上,接下来我将讲一下我是怎么解决这个问题的。

要用MVVM模式在程序中将层级数据绑定到TreeView上,通常我们定义的数据是形如文件夹和文件的结构,如:

folder-

  file1

  folder1-

    file2

    folder2-

这样的数据,我们一般定义的类如下

 1 public class Folder
 2 {
 3     public string Name{set;get;}
 4     public IList<Folder> Folders{set;get;}
 5     public IList<File> Files{set;get;}
 6 }
 7 
 8 public class File
 9 {
10    public string Name{set;get;}
11 }

而在XAML中直接用两个DataType类型为Folder和File的HierarchicalDataTemplate表示Folders和Files,这样显示出来的数据不能完整按照我们的意图的显示出来。显示结果为

folder-

  folder1

结果只显示了文件Folder信息。

怎么解决这个问题呢?

 1 public IList<object> Items
 2 {
 3     get{
 4         IList<object> items = new List<object>();
 5         foreach(var fo in this.Folders)
 6        items.Add(fo);
 7        foreach(var f in this.Files)
 8        items.Add(f);   
 9         return items;
10     } 
11 }

我们在Folder类中定义这个Items属性,接下来就是XAML部分

1  <HierarchicalDataTemplate DataType="{x:Type Model:Folder}"  ItemsSource="{Binding Items}">
2         <TextBlock Text="{Binding Name}"  />
3  </HierarchicalDataTemplate>
4  <DataTemplate DataType="{x:Type Model:File}">
5       <TextBlock Text="{Binding Name}"  />
6  </DataTemplate>

这样就完美的解决了这个问题,看来多层级数据,XAML中只能解析为单属性递归。

数据绑定做完后,我还想在一开始加载就屏开TreeView中的所有项,其实这个只需要设置一下ItemContainerStyle的Style就可以了,如下

<TreeView.ItemContainerStyle>
       <Style TargetType="{x:Type TreeViewItem}">
              <Setter Property="IsExpanded" Value="True" />
        </Style>
</TreeView.ItemContainerStyle>

大家还有更好的办法绑定多层级数据吗?

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏我和未来有约会

如何在silverlihgt中使用右键

一般我们在silverlight中点击右键会出现如下的对话筐. ? ? 在flash中 其提供了一个可定制话的右键菜单系统.(ContextMenu) 这个...

21970
来自专栏MasiMaro 的技术博文

PE文件详解(四)

本文转自小甲鱼的PE文件详解系列原文传送门 到此为止,小甲鱼和大家已经学了许多关于 DOS header 和 PE header 的知识。接下来就该轮到Se...

16610
来自专栏移动开发面面观

OpenGL学习笔记——上色

15940
来自专栏dotnet & java

讲一下Asp.net core MVC2.1 里面的 ApiControllerAttribute

ASP.NET Core MVC 2.1 特意为构建 HTTP API 提供了一些小特性,今天主角就是 ApiControllerAttribute. (注:文...

14820
来自专栏JackieZheng

探秘Tomcat——连接器和容器的优雅启动

前言: 上篇《探秘Tomcat——启动篇》粗线条的介绍了在tomcat在启动过程中如何初始化Bootstrap类,加载并执行server,从而启动整个tomc...

24780
来自专栏一个爱瞎折腾的程序猿

winform制作小工具的技巧

在使用winfrom制作一些工具的时候,一些基本设置都是去属性里面找来找去,一段时间就忘了,记录记录以备不时之需。

23130
来自专栏恰童鞋骚年

ASP.Net MVC开发基础学习笔记:二、HtmlHelper与扩展方法

  在ASP.Net MVC中微软并没有提供类似服务器端控件那种开发方式,毕竟微软的MVC就是传统的请求处理响应的回归。所以抛弃之前的那种事件响应的模型,抛弃服...

13920
来自专栏Pythonista

牛掰的python与unix

  加载subprocess模块仅仅是将可以使用的代码文件加载进来。也可以创建自己的模块或文件,拱以后重复使用,这与加载subprocess模块的方法相同。IP...

12320
来自专栏子勰随笔

URL编码中的空格(编码以后变为+)

293100
来自专栏Python小屋

Python回文判断代码优化与6个思考题

送个福利:清华大学出版社和新宝图书专营店联合推出正版特价图书《Python程序设计开发宝典》,原价69元,特价47.6元,详情:https://detail.t...

38460

扫码关注云+社区

领取腾讯云代金券