【WPF】【DevExpress】定制TreeListControl中显示列的样式+MVVM架构

最近总想写点什么,但是又不知道具体该写什么,终日昏昏噩噩。无意中在论坛看见一哥们发的帖子,速倒腾之,现把成果分享一下。
=============开发环境=============
系统: Win7sp1 32位
IDE: Microsoft VisualStudio 2013 Ultimate Update 1
工程: .Net Framework4.5.1
控件: DevExpress 13.2.5
================================


程序实现了DevExpress在WPF下快捷更换主题样式以及TreeListControl定制某列样式,具体什么样子看图便知:

【WPF】【DevExpress】定制TreeListControl中显示列的样式+MVVM架构_第1张图片


一、快速更换主题样式
很简单,只需要两步,已经分别在图表标明了①和②,如图所示:

【WPF】【DevExpress】定制TreeListControl中显示列的样式+MVVM架构_第2张图片


二、实现TreeListControl显示ComboxEdit列
在经过试验了N种方法后,最终找到了完美的解决方案,项目结构如图所示:

【WPF】【DevExpress】定制TreeListControl中显示列的样式+MVVM架构_第3张图片


各部分代码如下所示:

PropertyChangedBase.cs

【WPF】【DevExpress】定制TreeListControl中显示列的样式+MVVM架构_第4张图片


Student.cs

【WPF】【DevExpress】定制TreeListControl中显示列的样式+MVVM架构_第5张图片


Students.cs

【WPF】【DevExpress】定制TreeListControl中显示列的样式+MVVM架构_第6张图片


StudentViewModel.cs

【WPF】【DevExpress】定制TreeListControl中显示列的样式+MVVM架构_第7张图片


MainWindow.xaml

【WPF】【DevExpress】定制TreeListControl中显示列的样式+MVVM架构_第8张图片


MainWindow.xaml.cs

【WPF】【DevExpress】定制TreeListControl中显示列的样式+MVVM架构_第9张图片


最终补充一点:

更改TreeListControl控件列的样式可以通过手动写代码的方式更改,也可以通过鼠标点击视图设置的方式更改。

设置步骤:鼠标选中事先添加的列的列头,即Header,紧贴着列头会显示一个按钮,点击按钮后可以得到详细的设置的窗口,具体情况如图所示:

【WPF】【DevExpress】定制TreeListControl中显示列的样式+MVVM架构_第10张图片

你可能感兴趣的:(DevExpress,WPF)