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

最新推荐文章于 2023-06-17 22:17:57 发布
原创 最新推荐文章于 2023-06-17 22:17:57 发布 · 7.5k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#mvvm #wpf #devexpress

本文介绍了如何在WPF应用中使用DevExpress的TreeListControl，详细展示了如何定制某一列的样式，特别是实现ComboxEdit列，并结合MVVM架构进行操作。同时，文章还提及了快速更换DevExpress主题样式的步骤，以及通过代码或界面配置改变TreeListControl列样式的方法。
最近总想写点什么，但是又不知道具体该写什么，终日昏昏噩噩。无意中在论坛看见一哥们发的帖子，速倒腾之，现把成果分享一下。
=============开发环境=============
系统: Win7sp1 32位
IDE: Microsoft VisualStudio 2013 Ultimate Update 1
工程: .Net Framework4.5.1
控件: DevExpress 13.2.5
================================

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



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


最低0.47元/天 解锁文章
wpf devexpress添加TreeListControl到项目
赫的BLOG
11-17 1089
点击重新计算按钮到ItemsSource属性调用上下文菜单。返回设计器视图，选择TreeListView调用Quick Actions。选择TreeListControl点击Quick Actions。拖动TreeListControl组件从工具箱到form里面。设置AutoGenerateColumns添加AddNew。添加TreeListControl到视图。选择Employees在对话框点击OK。Parent字段包含父索引节点。Key字段包含唯一值索引节点。
WPF使用DEV之TreeListControl---添加数据
Eden's space
07-22 4600
TreeListControl控件是Dev的树状控件 表现形式是一棵树 添加数据的方法： 总：绑定一个class 分： 1.我有一个类ConnectionModel 2.我建立一个ObservableCollection的属性 3.我在TreeListControl的ItemSoure绑定2中的属性 当属性中赋值后数据如图效果如图： 更复杂的效果图：
WPF使用DEV之TreeListControl---加入复选框
weixin_34390996的博客
04-18 371
1.绑定的Class中加入一个Bool类型的属性 2.   该属性无需初始赋值，你执行就可以看到如图：       Bool类型数据自己主动变成了复选框 3.当然了，你肯定想知道用户选择了哪些复选框，从而你就想获取选中复选框相应的这一行后面的数据做操作 --这一点我当时非常头疼，想有什么事件触发什么方法解决，感谢@常州木头 开导 --当你完毕上述1...
TreeListControl中显示列的样式+MVVM架构
Java_c#
02-14 969
https://download.youkuaiyun.com/download/tiz198183/10956891 下载地址 https://download.youkuaiyun.com/download/tiz198183/10956891  https://blog.youkuaiyun.com/xchicken/article/details/19537679 public class PropertyC...
DevExpress控件基础应用——TreeListControl（2）
04-05 2350
在上一篇文章，已介绍了如何绑定数据到TreeListControl控件的List部分。如果没有实现TreeListControl控件的Tree功能，这个控件就没有意义了。实现Tree功能，关键是处理好各个节点的父子关系，下面就介绍如何在TreeListControl控件的Tree部分设置各个节点的父子关系。 TreeListControl控件的TreeListView元素有两个属性，分别是Key
WPF + DevExpress学习04 整合Prism+MVVM
C的博客
06-17 1192
现在要考虑三个问题 1 动态菜单 2 工具栏事件的消息订阅 我在每个独立的模块页面都可以监听 3 如何实现切换菜单 还要考虑模块化 话不多说直接上代码。首先简单的说一下 MVVM 是一种数据驱动试图的模式 通过修改数据来触发界面上的变化，Prism.Unity 是一个IOC 容器框架。原本是准备按照正常的方式来实现 但是看了一些文章和实现方式发现了一种更好的更解耦的方式 中间踩了很多坑 记录一下。这是我的布局图 看似很简单 我当初实现的时候也是这样想的。
精选资源
【WPF】【DevExpress】TileLayoutControl+MVVM示例-附件资源
03-02
【WPF】【DevExpress】TileLayoutControl+MVVM示例-附件资源
WPF使用DEV之TreeListControl---父子节点关系
Eden's space
07-22 4494
总：既然是树状结构的控件，你肯定会想让自己的数据形成树形显示，居然是树形就有根有叶子 分：1.你绑定的Class如图         不用害怕下面这一大推，你将其他的忽略掉，只剩下属性Mcode和属性Ucode(我是在项目中截图，多有不便) 2.在xaml中做如下设置：     这样的意思是你以属性Mcode为子节点，你以Ucaode为父节点标志      举例介
TreeListControl:设置行样式
weixin_34101229的博客
01-23 498
<Style x:Key="OddEvenRowStyle" TargetType="{x:Type dxg:GridRowContent}"> <!--Row Normal--> <Setter Property="TextBlock.Foreground" Value="#AAAAAA"/> &l
Express TreeListControl中显示列的样式+MVVM架构
02-14
Express TreeListControl中显示列的样式+MVVM架构
WPF TreeListView
07-10
这是从老外的源码转换过来，并进行了扩展： 1>添加了水平和垂直网格线 2>添加了MVVM 3>添加了UI虚拟化的支持 4>支持自动填充列和最小宽度列 5>可绑定到Datatable，从而进行编辑操作 6>可装载海量数据，单层数据超过1W，瞬间完成，50W数据的滚动不卡顿 7>集成到ComboBox中 Email: wuyang26@live.cn
WPF TreeListView 20170722
07-22
之前发布的作废，这是从老外的源码转换过来，并进行了扩展： 1>添加了水平和垂直网格线 2>添加了MVVM 3>添加了UI虚拟化的支持 4>支持自动填充列和最小宽度列 5>可绑定到Datatable，从而进行编辑操作 6>可装载海量数据，单层数据超过1W，瞬间完成，50W数据的滚动不卡顿 7>集成到ComboBox中 8>有两个主题，一个有类似传统的有折叠连接线的主题，另一个是当下的。 个人比较喜欢有折叠连接线的，结构可以更清晰。 特别强调一点：在海量数据的情况下，如果虚拟化UI开启，在展开大量数据的情况下，执行滚动操作可能导致程序假死，原因不明，希望有人能找到原因，并能告知！另外对于系统自带的TreeView测试发现，如果展开第二层，该层数据量很大，拖放也很卡，但DataGrid却非常顺滑，怀疑微软对层次结构的UI虚拟化仍没做好。 另外就个人感觉在目前的电脑配置下，UI虚拟化可以显著提高数据的加载速度，但一旦数据已加载后，执行拖放操作时，顺滑程度远不于非虚拟化的情况，原因也很简单，只要内存还够用，UI已加载的拖放肯定比UI虚拟的拖放好。 这次针对之前的发布主要在于完全取消了虚拟化，因为虚拟化会导致在大数据下滚动的卡死，垂直网格线不随滚动条滚动等各种意外的问题。 另外与树有关的： WPF TreeView的横向排布风格20170722(带动画) http://download.youkuaiyun.com/detail/maiker/9907400 Email: wuyang26@live.cn
WPF控件TreeGrid/类似TreeListView
05-28
通过继承WPF控件Datagrid，设计具有展开折叠功能的TreeListView,相对于网上较为流行的使用GridView和TreeView组合实现的TreeListView，本控件纯粹使用Datagrid扩展,并具备编辑功能，完全支持MVVM操作，有点类似Devexpress的相应控件，既可以简单的绑定到Datatable，因此保存数据相当方便，并通过Key和ParentKey在内部实现分级，外部只是简单的获取数据值即可，本控件屏蔽了添加和删除功能，一般只需要修改而已，当然由于Datagrid的强大编辑性，扩展这些功能很容易。
TreeListControl拖动模板设计
06-24
TreeListControl拖动模板设计，控制原有DragInfo是否显示，通过修改DragElementTemplate，拖动过程中显示自定义模板。
DevExpress控件基础应用——TreeListControl（1）
04-05 2262
最近研究了在WPF应用程序运用第三方UI套件DevExpress，对能够将Tree型控件和List控件完美结合在一起的TreeListControl很感兴趣。网上关于如何使用TreeListControl控件的资料很少，害得我花费较长时间研究实践，才略知一二。写这篇文章，主要为解决下列问题： 1）如何绑定数据到TreeListControl控件的List部分？ 2）如何在TreeListCon
WPF 自定义TreeView控件样式，仿QQ联系人列表
weixin_33755649的博客
04-16 358
一、前言 TreeView控件在项目中使用比较频繁，普通的TreeView并不能满足我们的需求。因此我们需要滴对TreeView进行改造。下面的内容将介绍仿QQ联系人TreeView样式及TreeView数据绑定方法。 二、TreeView仿QQ联系人列表 准确的说不是仿QQ联系人列表，这个TreeView样式作为组织架构来使用更好。废话不多说，先看效果： 2.1、基本思路 像这种...
WPF使用DEV之TreeListControl---添加复选框
Eden's space
07-22 1967
1.绑定的Class中添加一个Bool类型的属性 2.   该属性无需初始赋值，你运行即可看到如图：       Bool类型数据自动变成了复选框 3.当然了，你肯定想知道用户选择了哪些复选框，从而你就想获取选中复选框对应的这一行后面的数据做操作 --这一点我当时很头疼，想有什么事件触发什么方法解决，感谢@常州木头 开导 --当你完成上述1时出现2，用户在
DevExpress TreeList实现TreeView普通样式
分享技术，传播知识!
09-28 6013
DevExpress TreeList实现TreeView普通样式背景TreeList实现的关键代码如下 背景 由于最近项目中，客户指定界面组件要使用DevExpress第三方控件，因此就熟悉了DevExpress中常用控件的一些用法，现把一些重要控件的常见用法进行总结分享。 TreeList 在DevExpress中TreeList控件也是一个 很常用的控件，我的其中一个应用场景就是只读显示文件...
WPF DevExpress GridControl MVVM RowCellClick 实现
最新发布
09-09
在WPF DevExpress GridControl使用MVVM模式实现`RowCellClick`，可以借助`dxmvvm:EventToCommand`来绑定事件到ViewModel中的命令。以下是具体实现步骤与示例代码： #### 1. 创建ViewModel ```csharp using DevExpress.Mvvm; using System.Collections.ObjectModel; public class MainViewModel : ViewModelBase { public ObservableCollection<DataItem> DataItems { get; set; } public MainViewModel() { DataItems = new ObservableCollection<DataItem> { new DataItem { Name = "Item1", Value = 10 }, new DataItem { Name = "Item2", Value = 20 } }; } public DelegateCommand<RowCellClickEventArgs> RowCellClickCommand => new DelegateCommand<RowCellClickEventArgs>(OnRowCellClick); private void OnRowCellClick(RowCellClickEventArgs e) { // 处理行单元格点击的逻辑 // 可以通过e.Row和e.Column获取行和列信息 } } public class DataItem { public string Name { get; set; } public int Value { get; set; } } ``` #### 2. 在XAML中绑定GridControl ```xml <Window x:Class="WpfApp1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid" xmlns:dxmvvm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm" Title="MainWindow" Height="450" Width="800"> <Window.DataContext> <local:MainViewModel/> </Window.DataContext> <Grid> <dxg:GridControl ItemsSource="{Binding DataItems}"> <dxg:GridControl.View> <dxg:TableView ShowTotalSummary="True"/> </dxg:GridControl.View> <dxg:GridControl.Columns> <dxg:GridColumn FieldName="Name"/> <dxg:GridColumn FieldName="Value"/> </dxg:GridControl.Columns> <dxmvvm:Interaction.Behaviors> <dxmvvm:EventToCommand EventName="RowCellClick" Command="{Binding RowCellClickCommand}" PassEventArgsToCommand="True"/> </dxmvvm:Interaction.Behaviors> </dxg:GridControl> </Grid> </Window> ``` ### 解释 - **ViewModel**：在ViewModel里，`DataItems`为GridControl的数据源，`RowCellClickCommand`是处理`RowCellClick`事件的命令。当行单元格被点击时，`OnRowCellClick`方法会被调用。 - **XAML**：通过`ItemsSource`属性把GridControl的数据源绑定到ViewModel的`DataItems`属性。利用`dxmvvm:EventToCommand`将`RowCellClick`事件绑定到ViewModel的`RowCellClickCommand`，并通过`PassEventArgsToCommand="True"`把事件参数传递给命令。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值