TreeView数据的延迟加载

　　使用TreeView时，很多人都应该遇到过当数据项特别多的时候，界面加载很慢的情况，用户体验很差，为了解决这个问题，这里我想到使用延时加载子项的方法去实现，即：我们显示的数据项，用户不一定所有项都很用到，初始化时，我们只加载根节点数据显示在界面，当展开根节点时，只加载根节点子项的数据，子项的子项数据不加载，依次类推，这样就解决了一次加载很多数据，界面初始化需要很长时间的问题。

　　最近在看X女特工，感觉还可以，一个国家的成立需要牺牲很多人，其中也包括很多无辜的人，一份最终走到一起爱情也不是一天两天就可以，彼此都有许多苦衷，我觉得，最重要还是相互信任，不管对方做什么信任是很重要的，事实总会有一天浮出水面，结局也很好，没有吊人胃口，最终走到了一起，虽然很多枪战场面很假，毕竟消磨时间而已，无需计较，不过最后一集爆炸场面挺多的，看来要结局了，把能用的炸药都用了。

　　我们同一时间终须去专心的去做某一项工作，当同时进行的任务多了，我们的效率反而会降低，我们大脑不是多核，不会并行计算，但合理的安排也会使我们提高工作效率的，休息的时候休息，玩的时候玩，工作的时候就专心工作，随心而做，就会倍感轻松。

　　无聊的时候扯扯，空闲的时候扯扯，生活需扯，有扯的生活就不会太无聊，另外有期待的生活也会充满激情，比如等待一部电视剧的更新，比如期待的爱情。

　　下面进入正题，如何实现数据的延时加载，这里我的思路的重新TreeViewItem项，定义一个事件，当TreeViewItem展开时触发加载事件，以下是我的代码实现，这里监听的TreeViewItem里面的ToggleButton单击事件

 public class TreeItemBase : TreeViewItem

    {

        static TreeItemBase()

        {

            DefaultStyleKeyProperty.OverrideMetadata(typeof(TreeItemBase), new FrameworkPropertyMetadata(typeof(TreeItemBase)));

        }



        public TreeItemBase()

        {

            this.Expanded += new RoutedEventHandler(TreeItemBase_Expanded);

        }



        public event Func<TreeItemBase, IEnumerable<TreeItemBase>> GetChidren;



        ToggleButton _ToggleButton = null;



        public override void OnApplyTemplate()

        {

            base.OnApplyTemplate();

            _ToggleButton = this.GetTemplateChild("Expander") as ToggleButton;

            _ToggleButton.Click += new RoutedEventHandler(TreeItemBase_Expanded);

        }



        void TreeItemBase_Expanded(object sender, RoutedEventArgs e)

        {

            var btn = sender as ToggleButton;



            if (this.GetChidren != null)

            {

                //TODO:每次加载计算，或第一次加载计算

                var childs = this.GetChidren(this);

                if (childs.Count() != 0)

                {

                    _ToggleButton.Visibility = System.Windows.Visibility.Visible;

                    this.BeginInit();

                    this.Items.Clear();

                    childs.ToList().ForEach(i => { this.Items.Add(i); });

                    this.EndInit();

                    if (btn != null)

                    {

                        this.IsExpanded = btn.IsChecked == true;

                    }

                }

                else//如果没有数据将Item前的button隐藏掉

                {

                    if (_ToggleButton != null)

                    {

                        _ToggleButton.Visibility = System.Windows.Visibility.Collapsed;

                    }

                }

            }

        }

 

另外模板也有地方需要修改，就是IsChecked绑定IsExpanded属性否则，双击TreeViewItem加载数据事件不会触发

<Setter Property="Control.Template">

        <Setter.Value>

            <ControlTemplate TargetType="gl:TreeItemBase">          

                <Grid>

                    <Grid.ColumnDefinitions>

                        <ColumnDefinition Width="Auto" MinWidth="19" />

                        <ColumnDefinition Width="Auto" />

                        <ColumnDefinition Width="*" />

                    </Grid.ColumnDefinitions>

                    <Grid.RowDefinitions>

                        <RowDefinition Height="Auto" />

                        <RowDefinition />

                    </Grid.RowDefinitions>

                        <ToggleButton IsChecked="{TemplateBinding IsExpanded}" ClickMode="Press" Name="Expander">

另外贴上我的测试代码

        IList<Item> data = new List<Item>();



        public MainWindow()

        {

            InitializeComponent();





            var group0 = new Item() { Id = Guid.NewGuid().ToString(), Header = "Root1" };

            group0.GetChidren += new Func<TreeItemBase, IEnumerable<TreeItemBase>>(group1_GetChidren);



            var group1 = new Item() { Id = Guid.NewGuid().ToString(), Header = "Root0" };

            group1.GetChidren += new Func<TreeItemBase, IEnumerable<TreeItemBase>>(group1_GetChidren);



            var item1 = new Item() { Id = Guid.NewGuid().ToString(), ParentId = group1.Id, Header = "Leaf1" };

            item1.GetChidren += new Func<TreeItemBase, IEnumerable<TreeItemBase>>(group1_GetChidren);



            var item2 = new Item() { Id = Guid.NewGuid().ToString(), ParentId = group1.Id, Header = "Leaf2" };

            item2.GetChidren += new Func<TreeItemBase, IEnumerable<TreeItemBase>>(group1_GetChidren);



            var item3 = new Item() { Id = Guid.NewGuid().ToString(), ParentId = group1.Id, Header = "Leaf3" };

            item3.GetChidren += new Func<TreeItemBase, IEnumerable<TreeItemBase>>(group1_GetChidren);



            var item4 = new Item() { Id = Guid.NewGuid().ToString(), ParentId = item3.Id, Header = "Leaf3:Leaf1" };

            item4.GetChidren += new Func<TreeItemBase, IEnumerable<TreeItemBase>>(group1_GetChidren);



            var item5 = new Item() { Id = Guid.NewGuid().ToString(), ParentId = item3.Id, Header = "Leaf3:Leaf2" };

            item5.GetChidren += new Func<TreeItemBase, IEnumerable<TreeItemBase>>(group1_GetChidren);



            var item6 = new Item() { Id = Guid.NewGuid().ToString(), ParentId = item3.Id, Header = "Leaf3:Leaf3" };

            item6.GetChidren += new Func<TreeItemBase, IEnumerable<TreeItemBase>>(group1_GetChidren);



            data.Add(group1);

            data.Add(item1);

            data.Add(item2);

            data.Add(item3);

            data.Add(item4);

            data.Add(item5);

            data.Add(item6);





            group0.Items.Add(group1);

            treeView1.ItemsSource = group0.Items;





        }



        IEnumerable<TreeItemBase> group1_GetChidren(TreeItemBase arg)

        {

            return data.Where(e => e.ParentId == (arg as Item).Id);

        }





    public class Item : TreeItemBase

    {

        public string Id { get; set; }



        public string ParentId { get; set; }

    }

这里只是一种实现思路，大家如果有更好的实现方式或意见，欢迎大家指点。