Silverlight TreeView动态绑定数据，将数据绑定到用户控件

先上实现后的图片：

　　其中每行中的数据都是绑定的用户控件，拿第一个顶级菜单举例，其中1，1，1，0，0，3代表的六个TextBlock 如下：

　　首先在项目中添加system.windows.controls引用，然后在TreeView显示界面中添加下面的引用：xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"

xmlns:System="clr-namespace:System;assembly=mscorlib"

xmlns:local="clr-namespace:SLTreeView" //本项目（需要用其他用户控件）

　　然后在TreeView样式中添加自定义控件，如图（阴影部分为自定义控件）：

　　xaml代码如下：

<UserControl x:Class="SLTreeView.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"

xmlns:System="clr-namespace:System;assembly=mscorlib"

xmlns:local="clr-namespace:SLTreeView"

mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="400">

<UserControl.Resources>

<Grid.RenderTransform>

</Grid.RenderTransform>

<VisualStateManager.VisualStateGroups>

<VisualStateGroup.Transitions>

<DoubleAnimation.EasingFunction>

</DoubleAnimation.EasingFunction>

</DoubleAnimation>

</Storyboard>

</VisualTransition>

</VisualStateGroup.Transitions>

</Storyboard>

</VisualState>

</Storyboard>

</VisualState>

</VisualStateGroup>

</VisualStateManager.VisualStateGroups>

</Border>

</Grid>

</ControlTemplate>

<Setter.Value>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<VisualStateManager.VisualStateGroups>

<DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

</VisualStateGroup>

</Storyboard>

</VisualState>

</Storyboard>

</VisualState>

</VisualStateGroup>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

</VisualStateGroup>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

</VisualStateGroup>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

</ObjectAnimationUsingKeyFrames>

<DiscreteObjectKeyFrame.Value>

<System:Boolean>True</System:Boolean>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

</VisualStateGroup>

</VisualStateManager.VisualStateGroups>

<ToggleButton.BorderBrush>

</LinearGradientBrush>

</ToggleButton.BorderBrush>

<ToggleButton.Template>

<VisualStateManager.VisualStateGroups>

</Storyboard>

</VisualState>

</VisualStateGroup>

</Storyboard>

</VisualState>

</VisualStateGroup>

</VisualStateManager.VisualStateGroups>

<Path.RenderTransform>

</Path.RenderTransform>

</Path>

</Grid>

</ControlTemplate>

</ToggleButton.Template>

</ToggleButton>

<Rectangle.Fill>

</Rectangle.Fill>

<Rectangle.Stroke>

</Rectangle.Stroke>

</Rectangle>

<Button.Template>

<VisualStateManager.VisualStateGroups>

</Storyboard>

</VisualState>

</Storyboard>

</VisualState>

</VisualStateGroup>

</VisualStateManager.VisualStateGroups>

</Grid>

</ControlTemplate>

</Button.Template>

<local:ParentItem Width="260"></local:ParentItem>

</Button>

<ToolTipService.ToolTip>

</ToolTipService.ToolTip>

</Grid>

</Border>

</Grid>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</UserControl.Resources>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<sdk:TreeView Grid.Row="0" x:Name="ArtistTree" />

</Grid>

</UserControl>

　　大家可以看到粗体部分为我的自定义用户控件代码如下在（只加了六列）：

<UserControl x:Class="SLTreeView.ParentItem"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

mc:Ignorable="d" Height="23" Width="180">

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

</Grid>

</UserControl>

　　TreeView实现的后台xmal.cs代码如下（我用for循环造的假数据，然后用AddTreeNode递归方法将数据加载到TreeView中）：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Windows;

using System.Windows.Controls;

namespace SLTreeView

{

public partial class MainPage : UserControl

{

public MainPage()

{

InitializeComponent();

this.Loaded += new RoutedEventHandler(MainPage_Loaded);

}

void MainPage_Loaded(object sender, RoutedEventArgs e)

{

List<VMS_Info_Plate> _VMS_Info_PlateList = new List<VMS_Info_Plate>();

for (int i = 1; i <= 5; i++)

{

_VMS_Info_PlateList.Add(new VMS_Info_Plate

{

Info_class_id = i,

Info_class_code = i.ToString(),

Name = i.ToString(),

Parent_class_id = 0,

Class_level = 0,

InfoCount = 3

});

for (int j = 1; j <= 3; j++)

{

_VMS_Info_PlateList.Add(new VMS_Info_Plate

{

Info_class_id = i * 10 + j,

Info_class_code = (i * 10 + j).ToString(),

Name = (i * 10 + j).ToString(),

Parent_class_id = i,

Class_level = 1,

InfoCount = 1

});

}

AddTreeNode(0, null, _VMS_Info_PlateList);

}

#region 添加叶子节点信息

/// <summary>

/// 添加叶子节点信息

/// </summary>

/// <param name="parentID">父亲节点信息</param>

/// <param name="treeViewItem"></param>

private void AddTreeNode(Int32 parent_Code_Id, TreeViewItem treeViewItem, List<VMS_Info_Plate> _List)

{

// 检索查询的集合

List<VMS_Info_Plate> result = _List.Where(A => A.Parent_class_id == parent_Code_Id).ToList();

// 查询结果不为空

if (result.Count > 0)

{

foreach (VMS_Info_Plate _InfoClassCount in result)

{

TreeViewItem objTreeNode = new TreeViewItem();

//objTreeNode.Header = _InfoClassCount.Name + " ： " + _InfoClassCount.InfoCount + "条";

objTreeNode.DataContext = _InfoClassCount;

//objTreeNode.

////此样式将会添加的所有叶子结点上

objTreeNode.Style = this.Resources["TreeViewItemStyle1"] as Style;

//添加根节点

if (treeViewItem == null)

{

ArtistTree.Items.Add(objTreeNode);

}

else

{

treeViewItem.Items.Add(objTreeNode);

}

AddTreeNode(_InfoClassCount.Info_class_id, objTreeNode, _List);

}

// 给父亲节点添加属性信息

//objTreeNode.ItemContainerStyle = this.Resources["RedItemStyle"] as Style;

}

#endregion

#region 信息类别

/// <summary>

/// 信息类别

/// </summary>

public class VMS_Info_Plate

{

/// <summary>

/// 类别主键

/// </summary>

public Int32 Info_class_id { get; set; }

/// <summary>

/// 类别编号

/// </summary>

public String Info_class_code { get; set; }

/// <summary>

/// 类别名称

/// </summary>

public String Name { get; set; }

/// <summary>

/// 所属主类

/// </summary>

public Int32 Parent_class_id { get; set; }

/// <summary>

/// 类级别

/// </summary>

public Int32 Class_level { get; set; }

/// <summary>

/// 包含信息条数

/// </summary>

public Int32? InfoCount { get; set; }

}

#endregion

}

　　到此TreeView动态绑定数据，将数据绑定到用户控件已经实现，至于美观方面不是我的特长，还需同学们自己处理一下，TreeView绑定数据只是借花献佛，在此特别谢谢博客园的大师们！

　　Rar下载：TreeView动态绑定数据，将数据绑定到用户控件(开发环境Vs2010Sp1+Slilverlight4)

作者：彭海松

出处：http://www.cnblogs.com/haisongvip/

本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。