当前位置: 首页 > news >正文

wpf devexpress添加TreeListControl到项目

此教程示范如何添加TreeListControl到项目和绑定控件自引用数据源:

添加数据模型

绑定tree,并添加如下字段到数据源对象:

Key字段包含唯一值索引节点

Parent字段包含父索引节点

添加数据模型(Employee和Staff类)到MainWindow.xaml.cs 文件:

namespace DxTreeListGettingStarted {public partial class MainWindow : Window { ... }public class Employee {public int ID { get; set; }public int ParentID { get; set; }public string Name { get; set; }public string Position { get; set; }public string Department { get; set; }}public static class Staff {public static List<Employee> GetStaff() {List<Employee> staff = new List<Employee>();staff.Add(new Employee() { ID = 0, Name = "Gregory S. Price", Department = "", Position = "President" });staff.Add(new Employee() { ID = 1, ParentID = 0, Name = "Irma R. Marshall", Department = "Marketing", Position = "Vice President" });staff.Add(new Employee() { ID = 2, ParentID = 0, Name = "John C. Powell", Department = "Operations", Position = "Vice President" });staff.Add(new Employee() { ID = 3, ParentID = 0, Name = "Christian P. Laclair", Department = "Production", Position = "Vice President" });staff.Add(new Employee() { ID = 4, ParentID = 0, Name = "Karen J. Kelly", Department = "Finance", Position = "Vice President" });staff.Add(new Employee() { ID = 5, ParentID = 1, Name = "Brian C. Cowling", Department = "Marketing", Position = "Manager" });staff.Add(new Employee() { ID = 6, ParentID = 1, Name = "Thomas C. Dawson", Department = "Marketing", Position = "Manager" });staff.Add(new Employee() { ID = 7, ParentID = 1, Name = "Angel M. Wilson", Department = "Marketing", Position = "Manager" });staff.Add(new Employee() { ID = 8, ParentID = 1, Name = "Bryan R. Henderson", Department = "Marketing", Position = "Manager" });staff.Add(new Employee() { ID = 9, ParentID = 2, Name = "Harold S. Brandes", Department = "Operations", Position = "Manager" });staff.Add(new Employee() { ID = 10, ParentID = 2, Name = "Michael S. Blevins", Department = "Operations", Position = "Manager" });staff.Add(new Employee() { ID = 11, ParentID = 2, Name = "Jan K. Sisk", Department = "Operations", Position = "Manager" });staff.Add(new Employee() { ID = 12, ParentID = 2, Name = "Sidney L. Holder", Department = "Operations", Position = "Manager" });staff.Add(new Employee() { ID = 13, ParentID = 3, Name = "James L. Kelsey", Department = "Production", Position = "Manager" });staff.Add(new Employee() { ID = 14, ParentID = 3, Name = "Howard M. Carpenter", Department = "Production", Position = "Manager" });staff.Add(new Employee() { ID = 15, ParentID = 3, Name = "Jennifer T. Tapia", Department = "Production", Position = "Manager" });staff.Add(new Employee() { ID = 16, ParentID = 4, Name = "Judith P. Underhill", Department = "Finance", Position = "Manager" });staff.Add(new Employee() { ID = 17, ParentID = 4, Name = "Russell E. Belton", Department = "Finance", Position = "Manager" });return staff;}}
}

添加视图模型

创建视图模型暴露Employees字段:

using DevExpress.Mvvm;namespace DxTreeListGettingStarted {public partial class MainWindow : Window { ... }public class Employee { ... }public static class Staff { ... }public class MainWindowViewModel : ViewModelBase {public MainWindowViewModel() {Employees = Staff.GetStaff();}public List<Employee> Employees { get; private set; }}
}

设置window数据上下文到视图模型:

<Window... ><Window.DataContext><local:MainWindowViewModel/></Window.DataContext>

添加TreeListControl到视图

拖动TreeListControl组件从工具箱到form里面

选择TreeListControl点击Quick Actions

点击重新计算按钮到ItemsSource属性调用上下文菜单。选择创建数据绑定

选择Employees在对话框点击OK

设置AutoGenerateColumns添加AddNew

切换到XAML视图,定义TreeListControl 视图:

<dxg:TreeListControl AutoGenerateColumns="AddNew" ItemsSource="{Binding Employees}"><dxg:TreeListControl.View><dxg:TreeListView /></dxg:TreeListControl.View>
</dxg:TreeListControl>

返回设计器视图,选择TreeListView调用Quick Actions

启动AutoWidth和AutoExpandAllNodes选项。指定服务行(TreeListView.KeyFieldName 和 TreeListView.ParentFieldName)生成tree:

<dxg:TreeListControl ItemsSource="{Binding Employees}"AutoGenerateColumns="AddNew" ><dxg:TreeListControl.View><dxg:TreeListView KeyFieldName="ID" ParentFieldName="ParentID"AutoWidth="True" AutoExpandAllNodes="True" /></dxg:TreeListControl.View>
</dxg:TreeListControl>

运行程序

http://www.lryc.cn/news/234855.html

相关文章:

  • WPF创建自定义控件编译通过但是找不到资源
  • PHP 中传值与传引用的区别,什么时候传值什么时候传引用?
  • es安装方式
  • 苍穹外卖项目笔记(2)
  • hive更改表结构的时候报错
  • redis运维(六)redis-cli命令
  • JDK1.8 新特性(二)【Stream 流】
  • 阿里云CentOS主机开启ipv6
  • 【Git】第五篇:基本操作(添加文件)
  • vue通过span-method合并列之后,合并列显示在中间位置,根据鼠标滑动跟随展示
  • gRPC 四模式之 一元RPC模式
  • Java GUI实现贪吃蛇游戏
  • Vue3 使用教程
  • 卡方检验-python代码
  • 电磁场与电磁波part4--时变电磁场
  • 电压跟随器
  • 元宇宙3D云展厅应用到汽车销售的方案及特点
  • SourceTree修改Git密码
  • java中的深度复制和浅复制的BUG
  • 计算机毕业设计 基于SpringBoot的车辆网位置信息管理系统的设计与实现 Java实战项目 附源码+文档+视频讲解
  • 集软件库、论坛、社区、工具箱、积分商城、会员体系、在线商城一体的后台系统+HBuilderX 前端软件社区
  • 【解决Qt编译报错:-1: warning: **.so, not found(try using -rpath or -rpath-link)】
  • 关于数据mysql ->maxwell->kafka的数据传输
  • 【linux】查看CPU的使用率
  • 【系统稳定性】1.6 黑屏(三)
  • 《使用EasyExcel在Excel中增加序号列的方法》
  • 【Linux】安全审计-audit
  • Linux 之查看标准错误码工具
  • Git企业开发级讲解(五)
  • 目录自动清洗