TreeListView

此功能诸多代码来源于国外的网站和某些项目，地址为http://www.codeproject.com/Articles/30721/WPF-TreeListView-Control

 

我只是站在别人的楼顶，顶着风，尿了一把。

 

废话不多说，直接上效果图，一幕了然：

---

 

 

---

 

  接下来上的就是我这个代码的整体结构了。

    TreeListViewModel是CodeProject里面的人写的，为项目框架核心。

 

---

TreeListViewWpfApplication为TreeListView的主要实现，下面我主要介绍怎么实现

（TreeListViewModel里面代码能力有限，目前为止也没看出个什么东西） 

 

 

 

---

先给大家介绍Model下面的Student类的代码吧

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace TreeListViewWpfApplication
{
    public class Student
    {
        public Student(string types, string name, int age, string love, List<Student> listStudent)
        {
            Types = types;
            Name = name;
            Age = age;
            Love = love;
            Childs = listStudent;
        }
        public Student() { }
        public string Types { get; set; }
        public string Name { get; set; }
        public int Age { get; set; }
        public string Love { get; set; }
        public List<Student> Childs { get; set; }
    }

} 

 

---

下面要说的是绑定的数据的格式。

其实要实现TreeListView效果，绑定的数据类型必须实现接口ITreeModel。

接下来就需要我们来定义一个用来存储数据方式的类了（我这样说肯定有错误），这个类的名字为TreeListModel。

那接下贴上TreeListModel的代码。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using TreeListViewModel.Tree;
using System.Collections;

namespace TreeListViewWpfApplication
{
    public class SubTreeModel<T> : ITreeModel
    {
        List<TreeModel<T>> _trees = new List<TreeModel<T>>();


        public SubTreeModel(List<TreeModel<T>> trees)
        {
            _trees = trees;
        }

        public IEnumerable GetChildren(object parent)
        {
            if (parent == null)
            {
                foreach (var item in _trees)
                {
                    yield return item;
                }
            }
            else
            {
                var parentModel = parent as TreeModel<T>;
                if (parentModel != null)
                {
                    foreach (var item in parentModel.Childs)
                    {
                        yield return item;
                    }
                }
            }
        }
        public bool HasChildren(object parent)
        {
            var parentModel = parent as TreeModel<T>;
            if (parentModel != null)
                return parentModel.Childs.Count > 0;
            return false;
        }
    }
    public class TreeModel<T>
    {
        T item;
        public T Item
        {
            get { return item; }
            set { item = value; }
        }

        List<TreeModel<T>> childs = new List<TreeModel<T>>();

        public List<TreeModel<T>> Childs
        {
            get { return childs; }
            set { childs = value; }
        }
    }

} 

 

  如果对迭代器不是很懂的，下面的这个地址可以简单的了解一下迭代器的作用。

  

http://zhidao.baidu.com/question/74140086.html&__bd_tkn__=72b65727743787314d09ba79e9bf2eaa991792f58078338d51fed8133ea5c69d362ad36bb4bcda3b39bb3949f6bbe47087ac3af56e60b1f4e7eb60157f58fc369d67a1fe40491fc7006f377bdc40be083e75997f7922bd8fd23f300e705b4458c51203353ab2aba9ee09eabbc9db810ac23c23f549

 

  TreeModel<T>这个数据类型和Student一一对应。

  WPF前台绑定的数据类型为 SubTreeModel<T> 类型。

---

 

接下来我们看看WPF前台的代码 

 

 

<Window x:Class="TreeListViewWpfApplication.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:tree="clr-namespace:TreeListViewModel.Tree;assembly=TreeListViewModel"
        xmlns:local="clr-namespace:TreeListViewWpfApplication"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <local:AgeConverter x:Key="AgeConverter"/>
    </Window.Resources>
    <Grid>
        <tree:TreeList Name="treeList">
            <tree:TreeList.View>
                <GridView>
                    <GridView.Columns>

                        <GridViewColumn Width="140" Header="Type">
                            <GridViewColumn.CellTemplate>
                                <DataTemplate>
                                    <StackPanel Orientation="Horizontal">
                                        <tree:RowExpander/>
                                        <TextBlock Text="{Binding Item.Types}"></TextBlock>
                                    </StackPanel>
                                </DataTemplate>
                            </GridViewColumn.CellTemplate>
                        </GridViewColumn>
                        <GridViewColumn  Header="Name" Width="100" DisplayMemberBinding="{Binding Item.Name}"/>
                        <GridViewColumn Header="Age" Width="100" DisplayMemberBinding="{Binding Item.Age,Converter={StaticResource AgeConverter}}"/>
                        <GridViewColumn Header="Love" Width="100" DisplayMemberBinding="{Binding Item.Love}"/>
                    </GridView.Columns>
                </GridView>
            </tree:TreeList.View>
        </tree:TreeList>
    </Grid>
</Window>

 

 

这里我就不把AgeConverter的代码帖出来了。

直接看MainWindow的后台代码吧。

MainWindow主要是给Student赋值并把数据填充到数据类型为 SubTreeModel<T>中。

即SubTreeModel<Student> ，对应SubTreeModel<T>中的List<TreeModel<T>>即List<TreeModel<Student>>

 

 TreeModel<Student>对应的是TreeModel<T>类，而TreeModel<T> 

里面包含 Item,和Childs属性，与Student类的Types字段和Childs字段刚好吻合。

下面是后台代码的实现 

 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace TreeListViewWpfApplication
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            Loaded += new RoutedEventHandler(MainWindow_Loaded);
        }
        void MainWindow_Loaded(object sender, RoutedEventArgs e)
        {
            Reload();
            treeList.Model = ListGasConfig;
        }

        private SubTreeModel<Student> _listGasConfig;

        public SubTreeModel<Student> ListGasConfig
        {
            get { return _listGasConfig; }
            set
            {
                _listGasConfig = value;
            }
        }

        private void Reload()
        {
            var configs = new List<Student>(){
                new Student ()
                { 
                    Types="A", Childs=new List<Student>()
                    { 
                        new Student(){ Name="测试A1", Age=25, Love="赵某", Childs=null}, 
                        new Student(){ Name="测试A2", Age=18, Love="小护士", Childs=null},
                    }
                },
                new Student ()
                { 
                    Types="B", Childs=new List<Student>()
                    { 
                        new Student(){ Name="测试B1", Age=24, Love="小琴", Childs=null}, 
                        new Student(){ Name="测试B2", Age=22, Love="。。", Childs=null},
                    }
                },
                new Student()
                {
                    Types="The future",Childs=new List<Student>()
                    {
                          new Student(){ Name="The last one", Age=-1, Love="待定", Childs=null}
                    }
                }

            };
            var treeModels = new List<TreeModel<Student>>();
            foreach (Student item in configs)
            {
                if (item.Childs != null)
                {
                    treeModels.Add(BuildTreeModels(item, item.Childs));
                }
            }
            ListGasConfig = new SubTreeModel<Student>(treeModels);
        }

        private TreeModel<Student> BuildTreeModels(Student GasConfig, List<Student> liststudent)
        {
            var treeModel = new TreeModel<Student>();

            treeModel.Item = new Student() { Types = GasConfig.Types, Childs = liststudent };
            if (liststudent.Count > 0)
            {
                foreach (Student item in liststudent)
                {
                    treeModel.Childs.Add(new TreeModel<Student>() { Item = item });
                }
            }
            return treeModel;
        }
    }
}

 

 

---

   下面是我的DEMO，有码有真相，/Files/xuliangjie/TreeListView.rar

 

---

  再次申明，上述核心代码有很大一部分来自国外网站，我只是借鉴别人的核心，和我们项目中实际的运用，此篇文章不代表本人任何立场，我只是做个总结，分享一下，这个功能很实用。