2021-08-23 WPF控件专题 TreeView控件详解

布满荆棘的人生 2022-09-07 09:53 349阅读 0赞

在这里插入图片描述

一：静态使用

1.TreeView控件介绍

TreeView简介 ：父类：ItemsControl —条目控件 MenuItem:HeaderedItemsControl

按层次结构组织数据 TreeViewItem —HeaderedItemsControl

属性介绍
SelectedItem 选择的项 SelectedValue 选择项的值
SelectedValuePath (string) 菜单名称 编号（列名或属性名）
ItemsSource 数据源

TreeViewItem介绍

TreeViewItem —HeaderedItemsControl
ItemsSource IsExpanded true 展开 false（默认） 折叠
IsSelected 是否选择

2.具体案例

  1. <Window x:Class="WpfAppTest.TreeViewWindow"
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5.         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6.         xmlns:local="clr-namespace:WpfAppTest"
  7.         mc:Ignorable="d"
  8.         Title="TreeViewWindow" Height="450" Width="800">
  9.         <Window.Resources>
  10.                 <Style  TargetType="TreeViewItem">
  11.                         <Setter Property="Foreground" Value="Orange"/>
  12.                         <Setter Property="FontSize" Value="14"/>
  13.                         <Setter Property="Padding" Value="10"/>
  14.                         <Setter Property="Background" Value="Transparent"/>
  16.                 </Style>
  17.         </Window.Resources>
  18.         <Grid>
  19.                 <TreeView Name="tvLsit" HorizontalAlignment="Left" Height="292" Margin="31,25,0,0" VerticalAlignment="Top" Width="330"  SelectedItemChanged="TvLsit_SelectedItemChanged">
  21.                         <TreeViewItem Header="学生管理系统" IsExpanded="True" >
  22.                                 <TreeViewItem Header="系统管理" IsExpanded="True">
  23.                                         <TreeViewItem Header="角色管理" IsSelected="True" Foreground="LightBlue"  />
  24.                                         <TreeViewItem Header="用户管理"/>
  25.                                         <TreeViewItem Header="菜单管理"/>
  26.                                         <TreeViewItem Header="权限管理"/>
  27.                                 </TreeViewItem>
  28.                                 <TreeViewItem Header="业务管理" IsExpanded="False">
  29.                                         <TreeViewItem Header="采购入库"/>
  30.                                         <TreeViewItem Header="销售出库"/>
  31.                                 </TreeViewItem>
  32.                         </TreeViewItem>
  33.                 </TreeView>
  35.         </Grid>
  36. </Window>
  38. /// <summary>
  39. /// 节点选择响应事件
  40. /// </summary>
  41. /// <param name="sender"></param>
  42. /// <param name="e"></param>
  43. private void TvLsit_SelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e)
  44. { 
  45.         var val = e.NewValue as TreeViewItem;
  46.         MessageBox.Show(val.Header.ToString());
  47. }

二：动态使用

1.TreeView控件介绍

代码创建节点：可后台代码添加节点，并不比xaml代码简洁

多层次数据，构造出来：数据库表、Xml文档、Excel数据
编号 名称 父节点编号

1 进销存系统 0
2 系统管理 1
3 用户管理 2

动态生成节点树—分层数据模板

DataType 数据模型
ItemsSource 下一级别的数据列表

2.具体案例

  1. <Window x:Class="WpfAppTest.TreeViewWindow2"
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5.         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6.         xmlns:local="clr-namespace:WpfAppTest"
  7.                 xmlns:model="clr-namespace:WpfAppTest.Models"
  8.         mc:Ignorable="d"
  9.         Title="TreeViewWindow2" Height="450" Width="800" Loaded="Window_Loaded">
  10.         <Grid>
  11.                 <TreeView Name="tvList" HorizontalAlignment="Left" Height="210" Margin="55,78,0,0" VerticalAlignment="Top" Width="283" ItemsSource="{Binding MenuList}" SelectedItemChanged="TvList_SelectedItemChanged">
  12.                         <TreeView.ItemTemplate>
  13.                                 <HierarchicalDataTemplate DataType="{x:Type model:MenuItemModel}" ItemsSource="{Binding SubItems}">
  14.                                         <TextBlock Text="{Binding MenuName}" VerticalAlignment="Center" />
  15.                                 </HierarchicalDataTemplate>
  16.                         </TreeView.ItemTemplate>
  17.                 </TreeView>
  19.         </Grid>
  20. </Window>
  22. namespace WpfAppTest
  23. { 
  24.         /// <summary>
  25.         /// TreeViewWindow2.xaml 的交互逻辑
  26.         /// </summary>
  27.         public partial class TreeViewWindow2 : Window
  28.         { 
  29.                 public TreeViewWindow2()
  30.                 { 
  31.                         InitializeComponent();
  32.                 }
  34.                 private void Window_Loaded(object sender, RoutedEventArgs e)
  35.                 { 
  36.                         //代码添加节点---并不比xaml代码简洁
  37.                         { 
  38.                                 //TreeViewItem ti = new TreeViewItem();
  39.                                 //ti.Header = "进销存管理系统";
  40.                                 //tvList.Items.Add(ti);
  42.                                 根节点下添加三个子节点
  43.                                 //TreeViewItem ti1 = new TreeViewItem();
  44.                                 //ti1.Header = "系统管理";
  45.                                 //ti.Items.Add(ti1);
  46.                                 //TreeViewItem ti2 = new TreeViewItem();
  47.                                 //ti2.Header = "业务管理";
  48.                                 //ti.Items.Add(ti2);
  49.                                 //TreeViewItem ti3 = new TreeViewItem();
  50.                                 //ti3.Header = "查询中心";
  51.                                 //ti.Items.Add(ti3);
  53.                                 系统管理节点下添加4个子节点
  54.                                 //TreeViewItem ti11 = new TreeViewItem();
  55.                                 //ti11.Header = "用户管理";
  56.                                 //ti1.Items.Add(ti11);
  57.                                 //TreeViewItem ti12 = new TreeViewItem();
  58.                                 //ti12.Header = "角色管理";
  59.                                 //ti1.Items.Add(ti12);
  60.                                 //TreeViewItem ti13 = new TreeViewItem();
  61.                                 //ti13.Header = "菜单管理";
  62.                                 //ti1.Items.Add(ti13);
  63.                                 //TreeViewItem ti14 = new TreeViewItem();
  64.                                 //ti14.Header = "权限管理";
  65.                                 //ti1.Items.Add(ti14);
  66.                         }
  68.                         { 
  69.                                 List<MenuInfo> allMenus = GetMenuList();//基础菜单数据
  70.                                 List<MenuItemModel> menuList = new List<MenuItemModel>();//目标菜单数据
  71.                                 AddAllMenus(allMenus, menuList, null, 0);
  72.                                 VMenuModel vmodel = new VMenuModel();
  73.                                 vmodel.MenuList = menuList;
  74.                                 this.DataContext = vmodel;//当前Window的数据上下文
  75.                         }
  77.                 }
  80.                 /// <summary>
  81.                 /// 递归加载菜单项数据
  82.                 /// </summary>
  83.                 /// <param name="allMenus"></param>
  84.                 /// <param name="menusList"></param>
  85.                 /// <param name="pMenu"></param>
  86.                 /// <param name="parentId"></param>
  87.                 private void AddAllMenus(List<MenuInfo> allMenus, List<MenuItemModel> menusList, MenuItemModel pMenu, int parentId)
  88.                 { 
  89.                         var subList = allMenus.Where(m => m.ParentId == parentId);
  90.                         foreach (var mi in subList)
  91.                         { 
  92.                                 MenuItemModel miInfo = new MenuItemModel();
  93.                                 miInfo.MenuId = mi.MenuId;
  94.                                 miInfo.MenuName = mi.MenuName;
  95.                                 if (pMenu != null)
  96.                                         pMenu.SubItems.Add(miInfo);
  97.                                 else
  98.                                         menusList.Add(miInfo);
  99.                                 AddAllMenus(allMenus, menusList, miInfo, mi.MenuId);
  100.                         }
  101.                 }
  103.                 /// <summary>
  104.                 /// 获取菜单数据
  105.                 /// </summary>
  106.                 /// <returns></returns>
  107.                 private List<MenuInfo> GetMenuList()
  108.                 { 
  109.                         string sql = "select MenuId,MenuName,ParentId from MenuInfos";
  110.                         SqlDataReader dr = SqlHelper.ExecuteReader(sql, 1);
  111.                         List<MenuInfo> list = new List<MenuInfo>();
  112.                         while (dr.Read())
  113.                         { 
  114.                                 MenuInfo menu = new MenuInfo();
  115.                                 menu.MenuId = (int)dr["MenuId"];
  116.                                 menu.MenuName = dr["MenuName"].ToString();
  117.                                 menu.ParentId = (int)dr["ParentId"];
  118.                                 list.Add(menu);
  119.                         }
  120.                         dr.Close();
  121.                         return list;
  122.                 }
  124.                 private void TvList_SelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e)
  125.                 { 
  126.                         //响应操作
  127.                         var val = e.NewValue as MenuItemModel;//
  128.                         MessageBox.Show(val.MenuName);
  129.                 }
  130.         }
  131. }
  132. public class VMenuModel
  133. { 
  134.         /// <summary>
  135.         /// Menu控件的数据源属性
  136.         /// </summary>
  137.         public List<MenuItemModel> MenuList {  get; set; }
  138. }
  140. public class MenuInfo
  141. { 
  142.     public int MenuId {  get; set; }
  143.     public string MenuName {  get; set; }
  144.     public int ParentId {  get; set; }
  145.     public string MKey {  get; set; }
  146. }

发表评论

表情：
评论列表 （有 0 条评论，349人围观）

还没有评论，来说两句吧...

相关阅读