WPF中TreeView的使用

1、前台直接写死数据
效果:


WPF中TreeView的使用_第1张图片
QQ图片20170310152603.png

代码:


            
                
                
                
            
            
                
                
            
        

其中Selected="userInfoSet"是点击节点时触发的事件。
后台事件代码:

 public void userInfoSet(object sender, RoutedEventArgs routedEventArgs)
        {
            MessageBox.Show("个人信息设置");
        }

点击效果:


WPF中TreeView的使用_第2张图片
QQ图片20170310152620.png

2、从后台加载数据
效果:


WPF中TreeView的使用_第3张图片
QQ图片20170310160751.png

前端代码:

  
            
            
                
                    
                    
                
            
            
            
                
                    
                        
                        
                            
                        
                    
                
            
        

注意:DataType="{x:Type myWpfApp:propertyNodeItem}"中myWpfApp为当前命名空间,propertyNodeItem为装载数据的类名。
不要忘了在xml中声明:

xmlns:myWpfApp="clr-namespace:MyWpfApp"

后台代码:
创建一个propertyNodeItem类

//建一个PropertyNodeItem类
    public class propertyNodeItem
    {
        public string Icon { get; set; }
        public string DisplayName { get; set; }
        public string Name { get; set; }
        public List Children { get; set; }
        public propertyNodeItem()
        {
            Children = new List();
        }
    }

在xaml.cs文件中添加方法并在主函数里调用:

public MainWindow()
        {
            InitializeComponent();

            //加载tree数据
            ShowTreeView();
        }
 /// 
        /// 加载tree数据
        /// 
        private void ShowTreeView()
        {
            List listItem = new List();
            propertyNodeItem mainNode = new propertyNodeItem()
            {
                DisplayName = "功能菜单",
                Name = "主目录--功能菜单"
            };

            propertyNodeItem systemNode = new propertyNodeItem()
            {
                DisplayName = "系统设置",
                Name = "当前菜单--系统设置"
            };
            propertyNodeItem pwdTag = new propertyNodeItem()
            {
                DisplayName = "密码修改",
                Name = "当前选项--密码修改"
            };
            systemNode.Children.Add(pwdTag);
            mainNode.Children.Add(systemNode);
            listItem.Add(mainNode);
            this.tvProperty.ItemsSource = listItem;
        }

你可能感兴趣的:(WPF中TreeView的使用)