Silverlight 中 TreeView 的数据绑定

末蓝、 2021-11-01 08:42 305阅读 0赞

Silverlight使用XAML标记语言来编写，如果不使用XAML强大的绑定功能，实在是罪过。通过使用绑定，可以将UI与视图模型层分离，有利于系统的维护。作为Silverlight中比较有代表型的一个控件： TreeView 有着比较特殊的绑定。与一般的绑定不同，绑定到TreeView的元素之间是一个无限级联的关系。下面是这种绑定的最简单实现过程。

1, 引用命名空间：clr-namespace:System.Windows;assembly=System.Windows.Controls；给这个命名空间取个别名：common

2, 为TreeView 定义数据源。这里实际上只是定义了TreeNode绑定的实体的定义，TreeView绑定的则是这个实体对象的集合，该实体对象的定义如下：

1:  public class TreeNode

2:  {

3:      public string Name { get; set; }

4:      public Collection<TreeNode> Nodes { get; set; }

5:  }

3, 定义TreeView中节点的模板，这个模板需要使用分层的数据模板：common:HierarchicalDataTemplate；其代码如下：

1:  <UserControl.Resources>

2:      <common:HierarchicalDataTemplate x:Key="TreeNodeTemplate" ItemsSource="{Binding Path=Nodes}" >

3:          <TextBlock Text="{Binding Path=Name}" />

4:      </common:HierarchicalDataTemplate>

5:  </UserControl.Resources>

如上面的代码所示： ItemsSource中的Nodes表示的是TreeViewNode对应实体的子实体属性名称。见TreeNode类中的第二个属性：Nodes。而上面代码中的TextBlock的Text属性所绑定的数据则是来自于 TreeNode实体中的 Name属性。

4, 将在第3步中定义的模板绑定到TreeView控件。他的绑定也是很简单，如下面的代码所示：

1:  <sdk:TreeView HorizontalAlignment="Left" Margin="12,12,0,12" Name="treeView1" Width="199"

2:                  ItemTemplate="{StaticResource TreeNodeTemplate}" />

上面的两行代码，即完成了TreeView的绑定, 只需要将在第3步中定义的模板绑定到TreeView控件的ItemTemplate即可。以上这4步完成之后，只需要为 TreeView ItemSource指定一个 TreeNode的集合，即可将此实体绑定到 TreeView中。为了让标记更加简洁，此示例中，将这一操作放到前页面的后台代码中，如下所示：

1:  public partial class MainPage : UserControl

2:  {

3:      private Collection<TreeNode> TreeNodes;

4:

5:      public MainPage()

6:      {

7:          InitializeComponent();

8:

9:          this.Loaded += new RoutedEventHandler(MainPage_Loaded);

10:      }

11:      void MainPage_Loaded(object sender, RoutedEventArgs e)

12:      {

13:          OnLoadNodes();

14:          OnBindDataSource();

15:      }

16:      private void OnBindDataSource()

17:      {

18:          this.treeView1.ItemsSource = TreeNodes;

19:      }

20:      private void OnLoadNodes()

21:      {

22:          TreeNodes = new Collection<TreeNode>();

23:

24:          for (int i = 0; i < 10; i++)

25:          {

26:              TreeNode node = new TreeNode();

27:              node.Name = i.ToString();

28:

29:              for (int j = 0; j < 10; j++)

30:              {

31:                  TreeNode subNode = new TreeNode();

32:                  subNode.Name = j.ToString();

33:

34:                  if (node.Nodes == null)

35:                      node.Nodes = new Collection<TreeNode>();

36:

37:                  node.Nodes.Add(subNode);

38:              }

39:

40:              TreeNodes.Add(node);

41:          }

42:      }

43:  }

转载于:https://www.cnblogs.com/prolove2/archive/2012/06/22/2558405.html

发表评论取消回复

表情：

评论列表（有 0 条评论，305人围观）

还没有评论，来说两句吧...

相关阅读

相关 Angular中数据文本绑定、绑定Html、绑定属性、双向数据绑定的实现方式

场景 Angular介绍、安装Angular Cli、创建Angular项目入门教程： [https://blog.csdn.net/BADAO\_LIUMANG\_Q

系统管理员/ 2023年10月07日 13:31/ 0 赞/ 37 阅读

相关 silverlight教程 silverlight 数据绑定

以往为了做wtt测试，曾经写过一个sample 的WPF application.对于silverlight的了解，仅限于是web 版的WPF。。。。。关于silverl

ゝ一纸荒年。/ 2022年08月06日 07:09/ 0 赞/ 207 阅读

相关 Angular2中的数据绑定

实现数据绑定首先要在input的上面添加name属性，否则是绑定不上的。添加完成name属性后再在input上面添加ng-model=”绑定的变量” <inpu

墨蓝/ 2022年07月15日 11:39/ 0 赞/ 198 阅读

相关 Silverlight学习笔记第一季(2)Listbox横向绑定数据

最终的效果图 ![2010062018552835.jpg][] 寻找最终的过程通常我们可以这样使用listbox < ListBox x:Name =

秒速五厘米/ 2022年04月01日 14:50/ 0 赞/ 204 阅读

相关参照WPF实现Silverlight中的多值绑定特性

前言数据绑定在WPF和Silvelright开发中的作用不言而喻，无处不在的绑定，节省了大量的代码，也实现了很多之前用代码都无法实现的特性。下面有很多参考的文章

本是古典何须时尚/ 2022年01月21日 04:29/ 0 赞/ 232 阅读

相关 silverlight 数据绑定简单示例(markup extension)

这个例子中被绑定的数据是一个owner类的实例，现在silverlight项目中添加一个owner类 ![ExpandedBlockStart.gif][]Class Own

水深无声/ 2021年12月16日 20:21/ 0 赞/ 251 阅读

相关 Mybatis中的数据绑定

parameterType:入参类型，指明传进来的参数是什么类型的，可写可不写， resultType:返回值类型，指明SQL语句执行结束后返回怎样的数据类型 1，绑定

桃扇骨/ 2021年12月11日 08:29/ 0 赞/ 364 阅读

相关 Silverlight技术之RichTextBox中Xaml绑定

RichTextBox是Silverlight中一个重要的控件，常用它来呈现SL中富文本，使用此控件可以呈现常见的加粗，斜体，下划线，段落，还以加载各种控件等。它支持XAML格

﹏ヽ暗。殇╰゛Y/ 2021年12月03日 07:04/ 0 赞/ 324 阅读

相关 Silverlight 中 TreeView 的数据绑定

Silverlight使用XAML标记语言来编写，如果不使用XAML强大的绑定功能，实在是罪过。通过使用绑定，可以将UI与视图模型层分离，有利于系统的维护。作为Silverli

末蓝、/ 2021年11月01日 08:42/ 0 赞/ 306 阅读

相关数据绑定

什么是数据绑定呢？把WXML 中的⼀些动态数据分离出来放到对应的js⽂件的 Page 的 data⾥ <view>{ {username}}，您已登录

布满荆棘的人生/ 2021年07月24日 20:11/ 0 赞/ 544 阅读