MVVM RadTreeView 树绑定数据源

最新推荐文章于 2024-04-01 19:17:30 发布

程序员敏敏

最新推荐文章于 2024-04-01 19:17:30 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：工作日志 silverlight 文章标签： binding datatemplate string class path c

本文链接：https://blog.youkuaiyun.com/caikundashu/article/details/7446883

工作日志同时被 2 个专栏收录

66 篇文章

订阅专栏

silverlight

19 篇文章

订阅专栏

本文介绍了一种使用Silverlight和Telerik控件实现的树状视图数据展示方式，通过定义联盟(League)、区域(Division)和组(Team)三个层级的数据结构，并结合HierarchicalDataTemplate进行数据绑定，实现了多级嵌套的数据展示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

里面有盒子套盒子的概念：

一层套一层的概念

联盟--------区域-------组

League---Division--Team

<UserControl.Resources>
        <sampleData:RadTreeViewSampleData x:Key="DataSource"/>

        <DataTemplate x:Key="Team">
            <TextBlock Text="{Binding Name}" />

</DataTemplate>


        <telerik:HierarchicalDataTemplate x:Key="Division" ItemTemplate="{StaticResourceTeam}"
           ItemsSource="{Binding Teams}">
            <TextBlock Text="{Binding Name}" />

</telerik:HierarchicalDataTemplate>

        <telerik:HierarchicalDataTemplate x:Key="League" ItemTemplate="{StaticResourceDivision}"
           ItemsSource="{Binding Divisions}">
            <TextBlock Text="{Binding Name}" />

</telerik:HierarchicalDataTemplate>

</UserControl.Resources>

紫色区域是下面的ID：ItemTemplate="{StaticResource League}"，LeaguesDataSource是类里面的数据源

前台代码

<UserControl x:Class="SilverlightApplication2.cktreeview"
    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:sampleData="clr-namespace:SilverlightApplication2"
             mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400"
    xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
    <UserControl.Resources>
        <sampleData:RadTreeViewSampleData x:Key="DataSource"/>
        
        <DataTemplate x:Key="Team">
            <TextBlock Text="{Binding Name}" />
        </DataTemplate>

        <!--ItemTemplate="{StaticResource Team}"添加的是上面的id-->
        <telerik:HierarchicalDataTemplate x:Key="Division" ItemTemplate="{StaticResource Team}"
           ItemsSource="{Binding Teams}">
            <TextBlock Text="{Binding Name}" />
        </telerik:HierarchicalDataTemplate>
        
        <telerik:HierarchicalDataTemplate x:Key="League" ItemTemplate="{StaticResource Division}"
           ItemsSource="{Binding Divisions}">
            <TextBlock Text="{Binding Name}" />
        </telerik:HierarchicalDataTemplate>
        
    </UserControl.Resources>
    <Grid x:Name="LayoutRoot" Background="White">
        <telerik:RadTreeView
       ItemsSource="{Binding Source={StaticResource DataSource}, Path=LeaguesDataSource}"
       ItemTemplate="{StaticResource League}" />      
    </Grid>
</UserControl>

后台套子代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Collections.ObjectModel;

namespace SilverlightApplication2
{
    public partial class cktreeview : UserControl
    {
        public cktreeview()
        {
            InitializeComponent();
        }
        
    }
    //组
    public class Team
    {
        public Team(string name)
        {
            this.Name = name;
        }
        public string Name
        {
            get;
            set;
        }
    }

    //区域
    public class Division
    {
        public Division(string name)
        {
            this.Name = name;
            this.Teams = new ObservableCollection<Team>();
        }
        public string Name
        {
            get;
            set;
        }
        //页面绑定数据
        public ObservableCollection<Team> Teams
        {
            get;
            set;
        }
    }

    //种类（联盟）定义
    public class League
    {
        public League(string name)
        {
            this.Name = name;
            this.Divisions = new ObservableCollection<Division>();
        }
        public string Name
        {
            get;
            set;
        }
        //页面绑定
        public ObservableCollection<Division> Divisions
        {
            get;
            set;
        }
    }


    public class RadTreeViewSampleData
    {
        public RadTreeViewSampleData()
        {
            this.InitializeLeaguesDataSource();
        }
        public ObservableCollection<League> LeaguesDataSource
        {
            get;
            set;
        }
        private void InitializeLeaguesDataSource()
        {
            this.LeaguesDataSource = new ObservableCollection<League>();
            League l;
            Division d;
            this.LeaguesDataSource.Add(l = new League("League A"));
            l.Divisions.Add((d = new Division("Division A")));
            d.Teams.Add(new Team("Team I"));
            d.Teams.Add(new Team("Team II"));
            d.Teams.Add(new Team("Team III"));
            d.Teams.Add(new Team("Team IV"));
            d.Teams.Add(new Team("Team V"));
            l.Divisions.Add((d = new Division("Division B")));
            d.Teams.Add(new Team("Team Blue"));
            d.Teams.Add(new Team("Team Red"));
            d.Teams.Add(new Team("Team Yellow"));
            d.Teams.Add(new Team("Team Green"));
            d.Teams.Add(new Team("Team Orange"));
            l.Divisions.Add((d = new Division("Division C")));
            d.Teams.Add(new Team("Team East"));
            d.Teams.Add(new Team("Team West"));
            d.Teams.Add(new Team("Team North"));
            d.Teams.Add(new Team("Team South"));
            this.LeaguesDataSource.Add(l = new League("League B"));
            l.Divisions.Add((d = new Division("Division A")));
            d.Teams.Add(new Team("Team 1"));
            d.Teams.Add(new Team("Team 2"));
            d.Teams.Add(new Team("Team 3"));
            d.Teams.Add(new Team("Team 4"));
            d.Teams.Add(new Team("Team 5"));
            l.Divisions.Add((d = new Division("Division B")));
            d.Teams.Add(new Team("Team Diamond"));
            d.Teams.Add(new Team("Team Heart"));
            d.Teams.Add(new Team("Team Club"));
            d.Teams.Add(new Team("Team Spade"));
            l.Divisions.Add((d = new Division("Division C")));
            d.Teams.Add(new Team("Team Alpha"));
            d.Teams.Add(new Team("Team Beta"));
            d.Teams.Add(new Team("Team Gamma"));
            d.Teams.Add(new Team("Team Delta"));
            d.Teams.Add(new Team("Team Epsilon"));
        }
    }
}