看过许多例子,全是绑定到类的,没人说如何绑定到某个对象,偏偏我这个绝对的新手就是要绑定到一个对象,只能自己摸索了:

首先要将数据绑定到容器,有以下几个默认条件:
①元数据必须包装在List或者ObservableCollection中,后者具有动态更新的功能。即,如果在程序中更改了ObservableCollection的值,与之绑定的控件会自动得到更新。
②待绑定的元数据可以是基本类型,也可以是复杂对象,这样就可以实际像TreeView这样的嵌套显示,但对象的每个成员都必须是基本类型,或者是ObservableCollection。这一点我花了一天的时间才自己琢磨出来。
③类中的所有成员变量全部要以get、set设置其访问属性。又花了我一天。

举例如下:

  1. public class IPConfig
  2. {
  3. public IPAddress IP { get; private set; }
  4. public bool IPUseDHCP { get; private set; }
  5. //...
  6. public IPConfig()
  7. {
  8. this.IP = IPAddress.None;
  9. this.IPUseDHCP = false;
  10. }
  11. public IPConfig(string IPstr):this()
  12. {
  13. try
  14. {
  15. this.IP = IPAddress.Parse(IPstr);
  16. }
  17. catch (Exception)
  18. { }
  19. }
  20. }
  21. public class Profile
  22. {
  23. public string Name { get; private set; }
  24. public ObservableCollection<IPConfig> IPC { get; private set; }
  25. public Profile() {this.IPC = new ObservableCollection<IPConfig>();}
  26. public Profile( string name )
  27. {
  28. this.Name = name;
  29. this.IPC = new ObservableCollection<IPConfig>();
  30. }
  31. public Profile(string name, IPConfig ipc)
  32. {
  33. this.Name = name;
  34. this.IPC = new ObservableCollection<IPConfig>();
  35. this.IPC.Add(ipc);
  36. }
  37. }
  38. public ObservableCollection<Profile> _profiles = new ObservableCollection<Profile>();

对数据源只要提供{Binding},然后在程序中设置DataContext来实现绑定。这样可以与一个具体的对象进行绑定:

  1. <TreeView x:Name="ProfileTreeView" ItemsSource="{Binding }">

(因为这里我是在TreeView上直接设置的,还不是像很多人在TreeViewItem上设置,因此_profiles中数据会直接在顶层显示)

接着在C#代码中对它进行设置:

  1. ProfileTreeView.DataContext = _profiles;

Profile是一个复杂对象,要在TreeView中显示,必须要设置其模板。而且从顶层算起是一种嵌套,所以要用HierarchicalDataTemplate。其中DataType表示接受类型Type的数据,Binding中的Path表示用的是Type中的哪个成员。
最内层的模板应该用DataTemplate。

  1. <TreeView.ItemTemplate>
  2. <!--模板-->
  3. <HierarchicalDataTemplate DataType="{x:Type local:Profile}"
  4. ItemsSource="{Binding Path=IPC}">
  5. <TextBlock Text="{Binding Path=Name}" />
  6. </HierarchicalDataTemplate>
  7. <DataTemplate DataType="{x:Type local:IPConfig}">
  8. <Grid>
  9. <Grid.Resources>
  10. <local:BoolConverter x:Key="BoolConverter"/>
  11. <Style x:Key="NameStyle" TargetType="{x:Type TextBlock}">
  12. <Setter Property="Background" Value="PapayaWhip"/>
  13. <Setter Property="Margin" Value="18,2,6,2"/>
  14. <Setter Property="HorizontalAlignment" Value="Right"/>
  15. </Style>
  16. <Style x:Key="PropStyle" TargetType="{x:Type TextBlock}">
  17. <Setter Property="Background" Value="WhiteSmoke"/>
  18. </Style>
  19. </Grid.Resources>
  20. <Grid.RowDefinitions>
  21. <RowDefinition></RowDefinition>
  22. <RowDefinition></RowDefinition>
  23. <RowDefinition></RowDefinition>
  24. <RowDefinition></RowDefinition>
  25. </Grid.RowDefinitions>
  26. <Grid.ColumnDefinitions>
  27. <ColumnDefinition></ColumnDefinition>
  28. <ColumnDefinition></ColumnDefinition>
  29. <ColumnDefinition></ColumnDefinition>
  30. <ColumnDefinition></ColumnDefinition>
  31. </Grid.ColumnDefinitions>
  32. <TextBlock Grid.Row="0" Grid.Column="0" Style="{StaticResource NameStyle}" mce_Style="{StaticResource NameStyle}">自
  33. 动IP:</TextBlock>
  34. <TextBlock Grid.Row="0" Grid.Column="1" Style="{StaticResource PropStyle}" mce_Style="{StaticResource PropStyle}"
  35. Text="{Binding Path=IPUseDHCP, Converter={StaticResource
  36. BoolConverter}}" />
  37. <!--。。。-->
  38. </Grid>
  39. </DataTemplate>
  40. </TreeView.ItemTemplate>

WPF新手之如何将数据绑定到TreeView的更多相关文章

  1. WPF下递归生成树形数据绑定到TreeView上

    最终效果图:(用于学习类的效果 图片丑了点,看官莫怪) 新建窗体 然后在前端适当位置插入如下代码: <TreeView x:Name="> <TreeView.ItemTe ...

  2. WPF 动态创建 DataTemplate 及数据绑定

    WPF 动态创建 DataTemplate 及数据绑定 运行环境:Window7 64bit,.NetFramework4.61,C# 6.0: 编者:乌龙哈里 2017-02-22 参考: star ...

  3. WPF Label控件在数据绑定Content属性变化触发TargetUpdated事件简单实现类似TextChanged 事件效果

    原文:WPF Label控件在数据绑定Content属性变化触发TargetUpdated事件简单实现类似TextChanged 事件效果   本以为Label也有TextChanged 事件,但在使 ...

  4. WPF编游戏系列 之五 数据绑定

    原文:WPF编游戏系列 之五 数据绑定        在上一篇通过用户控件将重复使用的控件封装为一个控件组,大大减少了C#代码数量,本篇继续对该控件组进行数据绑定,节省为每个控件赋值的工作.对于数据绑 ...

  5. WPF学习(8)数据绑定

    说到数据绑定,其实这并不是一个新的玩意儿.了解asp.net的朋友都知道,在asp.net中已经用到了这个概念,例如Repeater等的数据绑定.那么,在WPF中的数据绑定相比较传统的asp.net中 ...

  6. WPF中INotifyPropertyChanged用法与数据绑定

    在WPF中进行数据绑定的时候常常会用到INotifyPropertyChanged接口来进行实现,下面来看一个INotifyPropertyChanged的案例. 下面定义一个Person类: usi ...

  7. WPF学习(8)数据绑定 https://www.cnblogs.com/jellochen/p/3541197.html

    说到数据绑定,其实这并不是一个新的玩意儿.了解asp.net的朋友都知道,在asp.net中已经用到了这个概念,例如Repeater等的数据绑定.那么,在WPF中的数据绑定相比较传统的asp.net中 ...

  8. WPF新手快速入门系列 2.绑定

    [概要] 上一章讲了布局,按照市面上的书籍每一本讲的顺序都不一样,本系列是希望大家能快速上手去应对工作需要,所以本章就直接开始讲绑定. 如有学习过程中想交流学习.疑惑解答可以来此QQ群交流:58074 ...

  9. WPF新手快速入门系列 1.布局

    [概要] 该系列文章主要描述,新手如何快速上手做wpf开发.看过网上部分的教程,主要讲述的是介绍控件.这并没有问题,但是没有把自己的使用经验也完整的描述出来. 所以特此编写此系列文章希望能帮助到,因为 ...

随机推荐

  1. TOJ 5021: Exchange Puzzle

    5021: Exchange Puzzle  Time Limit(Common/Java):1000MS/3000MS     Memory Limit:65536KByteTotal Submit ...

  2. 【JavaScript 3—基础知识点】:运算符

    导读:其实看到这个运算符的学习,很有一种熟悉感,因为在总体看来,和之前的C++有很多类似的地方,但当时觉得简单,没有总结.所以,这次一定得总结了.其实,知识的罗列,基础的积累,在学习中也很重要. 一. ...

  3. Terracotta2

    Terracotta 3.2.1简介 (二) Terracotta分布式缓存EhcacheQuartzTerracotta的web session方案  高效.高可用的Web Session解决方案 ...

  4. 【Luogu】P1072Hankson的趣味题(gcd)

    这题真TM的趣味. 可以说我的动手能力还是不行,想到了算法却写不出来.以后说自己数论会GCD的时候只好虚了…… 我们首先这么想. x与a0的最大公约数为a1,那么我们把x/=a1,a0/=a1之后,x ...

  5. 算法复习——费用流模板(poj2135)

    题目: Farm Tour Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 16898   Accepted: 6543 De ...

  6. Cache技术――OSCache(转-全)

    OSCache使用指南 一.下载安装 OSCache是一个基于web应用的组件,他的安装工作主要是对web应用进行配置,大概的步骤如下: 1. 下载.解压缩OSCache 从http://www.op ...

  7. angular中ng-class的一些用法

    在前面Angularjs开发一些经验总结中我们说到在angular开发中angular controller never 包含DOM元素(html/css),在controller需要一个简单的POJ ...

  8. gdbt原理解析

    链接: http://note.youdao.com/noteshare?id=aeb1c7a30c5f4b70e3fff51f28ee5c47 懒得复制到这里了,一开始是在有道云笔记上写的,这里的公 ...

  9. Scrapy学习-10-Request&Response对象

    请求URL流程 Scarpy使用请求和响应对象来抓取网站  通常情况下,请求对象会在spider中生成,并在系统中传递,直到到达downloader,它执行请求并返回一个响应对象,该对象返回发送请求的 ...

  10. android之总结(一)——原

    1,TextView 中实现跑马灯,需求:文字左边留置一段空白,不需要紧靠在左边:设置android:padding android:padding和android:layout_margin这个地方 ...