浅谈WPF之DataGrid过滤，分组，排序

最新推荐文章于 2024-08-27 17:00:08 发布
最新推荐文章于 2024-08-27 17:00:08 发布
阅读量619 收藏 4
点赞数 1
文章标签： wpf
原文链接：https://mp.weixin.qq.com/s?__biz=MzI0NDE0MDgyNg==&mid=2649602571&idx=2&sn=65a3e2037c867f4eb0fabdd2ba52af74&chksm=f0fda0de73c455e965f1589b173ad1c1602d30cd9c52f6178fea826d46dbed75e0d47f5df703&scene=126&sessionid=0
版权

使用过Excel的用户都知道，Excel可以方便的对数据进行分组，过滤，排序等操作，而在WPF中，默认提供的DataGrid只有很简单的功能，那么如何才能让我们开发的DataGrid，也像Excel一样具备丰富的客户端操作呢？今天就以一个简单的小例子，简述如何在WPF中实现DataGrid的过滤，筛选，排序等功能。仅供学习分享使用，如有不足之处，还请指正。

61bbc7f45363415cfac77f5a8013e443.png

涉及知识点

在本示例中，涉及知识点如下所示：

  1. CollectionView， CollectionView 类为实现 IEnumerable 接口的数据源提供分组和排序功能。

  2. CollectionViewSource，CollectionViewSource 类允许你从 XAML 设置 CollectionView 的属性。

注意：此两个类，是我们实现客户端过滤，分组，排序的关键。

普通绑定

1. 构建数据源

在WPF中，DataGrid的ItemSource属性用于绑定数据源，而数据源必须是实现IEnumerable接口的的列表类型，在本示例中，采用具有通知属性的列表类型ObservableCollection。当列表中元素数量发生变化时，可以实时通知DataGrid进行刷新。

1.1 创建实体

在本示例中，为了测试，创建Student实体模型，如下所示：

public class Student
{
    public string No { get; set; }
 
    public string Name { get; set; }
 
    public int Age { get; set; }
 
    public bool Sex { get; set; }
 
    public string Class { get; set; }
}

1.2 初始化数据源列表

在本示例采用MVVM模式开发，在ViewModel中创建ObservableCollection类型的Students列表，如下所示：

using CommunityToolkit.Mvvm.ComponentModel;
using DemoDataGrid2.Models;
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
 
namespace DemoDataGrid2.ViewModels
{
    public class TestWindowViewModel:ObservableObject
    {
        private ObservableCollection<Student> students;
 
        public ObservableCollection<Student> Students
        {
            get { return students; }
            set { SetProperty(ref students, value); }
 
        }
        public TestWindowViewModel()
        {
            var parentName = new string[5] { "张", "王", "李", "赵", "刘" };
            this.Students = new ObservableCollection<Student>();
            for (int i = 0; i < 100; i++)
            {
                Student student = new Student();
                student.No = i.ToString().PadLeft(3, '0');
                student.Name = parentName[(i % 4)] + i.ToString().PadLeft(2, 'A');
                student.Age = 20 + (i % 5);
                student.Sex = i % 2 == 0 ? true : false;
                student.Class = $"{(i % 3)}班";
                this.Students.Add(student);
            }
        }
    }
}

注意：构造函数中的方法，用于创建Students列表，包含100名学生，分别对应不同的编号，姓名，年龄，性别，班级等信息。

2. 页面绑定

在ViewModel中创建数据源后，可以在xaml中进行绑定【语法：ItemsSource="{Binding Students}"】，如下所示：

<Window x:Class="DemoDataGrid2.TestWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:DemoDataGrid2"
        mc:Ignorable="d"
        Title="DataGrid示例" Height="450" Width="800">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <DockPanel Grid.Row="0">
            
        </DockPanel>
        <DataGrid Grid.Row="1" ItemsSource="{Binding Students}" AutoGenerateColumns="False" CanUserAddRows="False" CanUserDeleteRows="False" >
            <DataGrid.Columns>
                <DataGridTextColumn Header="学号" Binding="{Binding No}" Width="*"></DataGridTextColumn>
                <DataGridTextColumn Header="姓名" Binding="{Binding Name}"  Width="*"></DataGridTextColumn>
                <DataGridTextColumn Header="年龄" Binding="{Binding Age}"  Width="*"></DataGridTextColumn>
                <DataGridTemplateColumn Header="性别"  Width="*">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock x:Name="sex">
                                <TextBlock.Style>
                                    <Style TargetType="TextBlock">
                                        <Style.Triggers>
                                            <DataTrigger Binding="{Binding Sex}" Value="True">
                                                <Setter Property="Text" Value="男"></Setter>
                                            </DataTrigger>
                                            <DataTrigger Binding="{Binding Sex}" Value="False">
                                                <Setter Property="Text" Value="女"></Setter>
                                            </DataTrigger>
                                        </Style.Triggers>
</Style>
                                </TextBlock.Style>
                            </TextBlock>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTextColumn Header="班级" Binding="{Binding Class}"  Width="*"></DataGridTextColumn>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</Window>

以下两点需要注意：

  1. 在本示例中，性别为bool类型，要转换成汉字，用到了DataTrigger。

  2. DataGrid的列可以自动生成，也可以手动创建，可以通过AutoGenerateColumns="False"来设置。

3. 普通绑定示例

普通绑定示例截图，如下所示：

9dfabd07d54c18397339aeb365d91bb4.gif

DataGrid过滤

在DataGrid中，实现客户端过滤，且不需要重新初始化数据源，则需要用到CollectionViewSource。

1. 定义资源及绑定

将CollectionViewSource定义成一种资源，并将资源的Source属性绑定到数据源，再将DataGrid中的ItemSource绑定到此资源，然后就可以在过滤时对资源进行过滤。

定义资源如下所示：

<Window.Resources>
    <CollectionViewSource x:Key="cvStudents" Source="{Binding Students}"></CollectionViewSource>
</Window.Resources>

DataGrid绑定资源【语法：ItemsSource="{Binding Source={StaticResource cvStudents}}"】，如下所示：

<DataGrid x:Name="dgStudents" Grid.Row="1" ItemsSource="{Binding Source={StaticResource cvStudents}}" AutoGenerateColumns="False" CanUserAddRows="False" CanUserDeleteRows="False" >
    <DataGrid.Columns>
        <DataGridTextColumn Header="学号" Binding="{Binding No}" Width="*"></DataGridTextColumn>
        <DataGridTextColumn Header="姓名" Binding="{Binding Name}"  Width="*"></DataGridTextColumn>
        <DataGridTextColumn Header="年龄" Binding="{Binding Age}"  Width="*"></DataGridTextColumn>
        <DataGridTemplateColumn Header="性别"  Width="*">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <TextBlock x:Name="sex">
                        <TextBlock.Style>
                            <Style TargetType="TextBlock">
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding Sex}" Value="True">
                                        <Setter Property="Text" Value="男"></Setter>
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding Sex}" Value="False">
                                        <Setter Property="Text" Value="女"></Setter>
                                    </DataTrigger>
                                </Style.Triggers>
</Style>
                        </TextBlock.Style>
                    </TextBlock>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
        <DataGridTextColumn Header="班级" Binding="{Binding Class}"  Width="*"></DataGridTextColumn>
    </DataGrid.Columns>
</DataGrid>

2. 过滤条件

在本示例中，以性别为过滤条件，当点击过滤条件时，触发过滤命令，如下所示：

<DockPanel Grid.Row="0" Margin="5">
    <TextBlock Text="筛选条件："></TextBlock>
    <TextBlock Text="性别："></TextBlock>
    <CheckBox Content="男" IsChecked="{Binding FilterM.IsMaleChecked}" Command="{Binding FiterSexCheckedCommand}"></CheckBox>
    <CheckBox Content="女" IsChecked="{Binding FilterM.IsFemaleChecked}" Command="{Binding FiterSexCheckedCommand}"></CheckBox>
</DockPanel>

当用户点击时，触发Command绑定的命令，如下所示：

private ICommand fiterSexCheckedCommand;
 
public ICommand FiterSexCheckedCommand
{
  get
  {
    if (fiterSexCheckedCommand == null)
    {
      fiterSexCheckedCommand = new RelayCommand<object>(FilterSexChecked);
    }
    return fiterSexCheckedCommand;
  }
}
 
private void FilterSexChecked(object obj)
{
  if (this.dataGrid != null)
  {
    ICollectionView cvs = CollectionViewSource.GetDefaultView(this.dataGrid.ItemsSource);
    if (cvs != null && cvs.CanFilter)
    {
      cvs.Filter = (object obj) =>
      {
        bool flag = true;
        bool flag1 = true;
        bool flag2 = true;
        var student = obj as Student;
        if (!FilterM.IsMaleChecked)
        {
          flag1 = student.Sex != true;
        }
        if (!FilterM.IsFemaleChecked)
        {
          flag2 = student.Sex != false;
        }
        flag = flag1 && flag2;
        return flag;
      };
    }
  }
}

注意：通过CollectionViewSource.GetDefaultView(this.dataGrid.ItemsSource)方法获取具有过滤功能的CollectionView类对象，然后再对Filter进行委托即可。

其中FilterM是在ViewModel中声明的FilterConditionM类型的属性。

private FilterConditionM filterM;
 
public FilterConditionM FilterM
{
  get { return filterM; }
  set { SetProperty(ref filterM, value); }
}

 FilterConditionM是封装的过滤条件模型类， 如下所示：

namespace DemoDataGrid2.Models
{
    public class FilterConditionM:ObservableObject
    {
    private bool isMaleChecked;
 
    public bool IsMaleChecked
    {
      get { return isMaleChecked; }
      set { SetProperty(ref isMaleChecked , value); }
    }
 
        private bool isFemaleChecked;
 
        public bool IsFemaleChecked
        {
            get { return isFemaleChecked; }
            set { SetProperty(ref isFemaleChecked, value); }
        }
    }
}

3. 过滤功能示例

具备过滤功能的DataGrid示例截图，如下所示：

6632b47c928d70d9f1e46d47211fc70b.gif

DataGrid分组

在WPF中，实现DataGrid的分组，也是通过CollectionViewSource来实现。

1. 设置分组列

有两种方式可以设置分组。

1.1 XAML中设置

在XAML中，通过设置CollectionViewSource的GroupDescriptions属性，来设置具体分组的列属性，如下所示：

<CollectionViewSource x:Key="cvStudents" Source="{Binding Students}">
  <CollectionViewSource.GroupDescriptions>
    <PropertyGroupDescription PropertyName="Class"/>
    <PropertyGroupDescription PropertyName="Sex"/>
  </CollectionViewSource.GroupDescriptions>
</CollectionViewSource>

1.2 后台代码设置

在ViewModel中设置CollectionView的GroupDescriptions属性，如下所示：

ICollectionView cvTasks = CollectionViewSource.GetDefaultView(this.dataGrid.ItemsSource);
if (cvTasks != null && cvTasks.CanGroup == true)
{
  cvTasks.GroupDescriptions.Clear();
  cvTasks.GroupDescriptions.Add(new PropertyGroupDescription("Class"));
  cvTasks.GroupDescriptions.Add(new PropertyGroupDescription("Sex"));
}

2. 设置分组样式

在WPF中，通过设置DataGrid的GroupStyle属性来改变分组样式，如下所示：

<DataGrid x:Name="dgStudents" Grid.Row="1" ItemsSource="{Binding Source={StaticResource cvStudents}}" AutoGenerateColumns="False" CanUserAddRows="False" CanUserDeleteRows="False" >
  <DataGrid.GroupStyle>
    <!-- 第一层分组 -->
    <GroupStyle>
      <GroupStyle.ContainerStyle>
        <Style TargetType="{x:Type GroupItem}">
          <Setter Property="Margin" Value="0,0,0,5"/>
          <Setter Property="Template">
            <Setter.Value>
              <ControlTemplate TargetType="{x:Type GroupItem}">
                <Expander IsExpanded="True" Background="LightGray" BorderBrush="#FF002255" Foreground="DarkBlue" BorderThickness="1">
                  <Expander.Header>
                    <DockPanel>
                      <TextBlock FontWeight="Bold" Text="{Binding Path=Name}" Margin="5"/>
                      <TextBlock FontWeight="Bold" Text=" 班 , " VerticalAlignment="Center"></TextBlock>
                      <TextBlock FontWeight="Bold" Text="{Binding Path=ItemCount}" VerticalAlignment="Center"/>
                      <TextBlock FontWeight="Bold" Text=" 名学生"  VerticalAlignment="Center"></TextBlock>
                    </DockPanel>
                  </Expander.Header>
                  <Expander.Content>
                    <ItemsPresenter />
                  </Expander.Content>
                </Expander>
              </ControlTemplate>
            </Setter.Value>
          </Setter>
</Style>
      </GroupStyle.ContainerStyle>
    </GroupStyle>
    <!-- 第二层及之后的分组 -->
    <GroupStyle>
      <GroupStyle.HeaderTemplate>
        <DataTemplate>
          <DockPanel Background="LightGoldenrodYellow">
            <TextBlock Foreground="Blue" Margin="30,0,0,0" Width="30">
              <TextBlock.Style>
                <Style TargetType="TextBlock">
                  <Style.Triggers>
                    <DataTrigger Binding="{Binding Path=Name}" Value="True">
                      <Setter Property="Text" Value="男"></Setter>
                    </DataTrigger>
                    <DataTrigger Binding="{Binding Path=Name}" Value="False">
                      <Setter Property="Text" Value="女"></Setter>
                    </DataTrigger>
                  </Style.Triggers>
</Style>
              </TextBlock.Style>
            </TextBlock>
            <TextBlock Text="{Binding Path=ItemCount}" Foreground="Blue"/>
          </DockPanel>
        </DataTemplate>
      </GroupStyle.HeaderTemplate>
    </GroupStyle>
  </DataGrid.GroupStyle>
  <DataGrid.Columns>
    <DataGridTextColumn Header="学号" Binding="{Binding No}" Width="*"></DataGridTextColumn>
    <DataGridTextColumn Header="姓名" Binding="{Binding Name}"  Width="*"></DataGridTextColumn>
    <DataGridTextColumn Header="年龄" Binding="{Binding Age}"  Width="*"></DataGridTextColumn>
    <DataGridTemplateColumn Header="性别"  Width="*">
      <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
          <TextBlock x:Name="sex">
            <TextBlock.Style>
              <Style TargetType="TextBlock">
                <Style.Triggers>
                  <DataTrigger Binding="{Binding Sex}" Value="True">
                    <Setter Property="Text" Value="男"></Setter>
                  </DataTrigger>
                  <DataTrigger Binding="{Binding Sex}" Value="False">
                    <Setter Property="Text" Value="女"></Setter>
                  </DataTrigger>
                </Style.Triggers>
</Style>
            </TextBlock.Style>
          </TextBlock>
        </DataTemplate>
      </DataGridTemplateColumn.CellTemplate>
    </DataGridTemplateColumn>
    <DataGridTextColumn Header="班级" Binding="{Binding Class}"  Width="*"></DataGridTextColumn>
  </DataGrid.Columns>
</DataGrid>

DataGrid排序

在WPF中，实现DataGrid的排序，也是通过CollectionViewSource来实现。

1. 设置排序列

有两种方式可以设置DataGrid排序列。

1.1 XAML中设置

XAML中设置，通过设置CollectionViewSource的SortDescriptions属性，设置排序列和排序方向。如下所示：

<CollectionViewSource x:Key="cvStudents" Source="{Binding Students}">
  <CollectionViewSource.SortDescriptions>
    <scm:SortDescription PropertyName="No" Direction="Ascending"/>
    <scm:SortDescription PropertyName="Age" Direction="Descending"/>
  </CollectionViewSource.SortDescriptions>
</CollectionViewSource>

 其中scm是新定义的命名空间【xmlns:scm="clr-namespace:System.ComponentModel;assembly=WindowsBase"】

1.2 后台代码设置

在ViewModel中通过后台代码设置，同样也需要引入对应的命名空间，如下所示：

ICollectionView cvTasks = CollectionViewSource.GetDefaultView(this.dataGrid.ItemsSource);
if (cvTasks != null && cvTasks.CanSort == true)
{
  cvTasks.SortDescriptions.Clear();
  cvTasks.SortDescriptions.Add(new SortDescription("No", ListSortDirection.Ascending));
  cvTasks.SortDescriptions.Add(new SortDescription("Age", ListSortDirection.Ascending));
}

DataGrid整体示例

具备过滤，分组，排序的示例截图，如下所示：

d962466cc22f679083f3fb27b1b560cc.gif

参考文献

1. 官方文档：https://learn.microsoft.com/zh-cn/dotnet/desktop/wpf/controls/how-to-group-sort-and-filter-data-in-the-datagrid-control?view=netframeworkdesktop-4.8

以上就是【浅谈WPF之DataGrid过滤，分组，排序】的全部内容，希望能够一起学习，共同进步。

e02e5eafe6e96c7af33a3fae1f0957a5.jpeg

学习编程，从关注【老码识途】开始，为大家分享更多文章！！！

a84d1ca9915993423678729b7a737123.gif

-

技术群：添加小编微信并备注进群

小编微信：mm1552923   

公众号：dotNet编程大全    

zls365365
关注
wpf mvvm datagrid数据过滤
dap769815768的博客
10-23 3254
datagrid数据过滤，你可以通过设置RowStyle属性，通过将Visibility绑定到ViewModel层的属性来控制是否可见，比如： &lt;DataGrid.RowStyle&gt; &lt;Style TargetType="{x:Type DataGridRow}"&gt; &lt;Setter Prop...
WPF DataGrid分组和排序
weixin_34392843的博客
09-12 1945
之前一直用的Dev的GridControl，控件自带分组排序啥的。今天试了下在wpf自带的Datagrid控件上实现分组和排序。 Datagrid上实现这些功能主要用到CollectionViewSource。CollectionViewSource有对数据进行分组和排序过滤的功能。 <CollectionViewSource x:Key="cvsList" So...
WPF 精修篇 DataGrid 数据源排序
时意
12-02 4015
效果 <DataGrid x:Name="datagrid" ItemsSource="{Binding ElementName=Mwindow, Path=Preson}" Margin="0,0,0,20"> <DataGrid.Columns> <DataGridTextColumn Bin...
wpf DataGrid分组、排序、筛选
02-02
针对 DataGrid 控件，对数据进行分组、排序和筛选....
WPF之DataGrid的使用及案例
最新发布
m0_59871062的博客
08-27 921
有四种列形式，如下图text用于显示文本框，checkBox显示多选框，Combox复选框，hyperLink超链接。除去默认的控件以外，还支持自定义单元格，使用​，如图，我在白表格中添加了一个按钮用于修改数据。​​。
wpf datagrid分组
weixin_43632687的博客
11-05 1390
<Window x:Class="WpfApplication7.MainWindow" xmlns="<a class="vglnk" href="http://schemas.microsoft.com/winfx/2006/xaml/presentation" rel="nofollow"><span>http</span><s...
wpf datagrid排序列表头文字右边的升降箭头
07-05
wpf datagrid排序列表头文字右边的升降箭头Demo，下载下来用VS2019编辑即可执行！！
wpf DataGrid 分组
weixin_53370274的博客
05-11 1268
转载：https://www.cnblogs.com/sjqq/p/8343335.html wpf DataGrid 分组 //xaml <Page.Resources> <Style x:Key="GroupHeaderStyle" TargetType="{x:Type GroupItem}"> <Setter Property="Template"> <Setter.Value
WPF中DataGrid主从数据（父子数据）展示
04-07
在WPF（Windows Presentation Foundation）应用开发中，DataGrid控件是用于显示和操作表格数据的强大工具。在处理复杂的数据关系时...在实际项目中，根据具体需求，可能还需要处理更多细节，如排序、过滤、编辑验证等。
WPF 记住 DataGrid 刷新前点击的排序列标题
sagamaw
03-29 649
二、如果给 DataGrid 重新指定数据源（如：我点击搜索按钮或者操作底部的翻页），列标题“保证时间”上的排序箭头就会消失。Column.SortDirection，可以简单理解成列标题的排序箭头（向上或向下）Column.SortMemberPath，可以简单理解成某一列绑定的数据库字段。一、DataGrid 默认的点击列标题排序，是对当前数据排序。
wpf dataGrid 分组
05-03
wpf dataGrid 分组,能展开与折叠
DataGridFilter:WPF可过滤数据网格，多语言
05-15
WPF可过滤DataGrid，多语言 从基础DataGrid控件类继承并重写某些方法以实现过滤器的DataGrid控件对于自动或自定义生成的每个列（如Excel）。 使用以下语言翻译标签和日期格式：英语，法语，俄语，德语，意大利语，中文，荷兰语。 这些翻译来自Google翻译，如果您发现任何错误或想要添加其他语言，请告诉我。 Nuget包可。 如何使用 有两种安装方法： NuGet命令：安装包FilterDataGrid 或在项目中手动添加FilterDataGrid.dll作为参考 将FilterDatagrid添加到您的xaml中： 命名空间 < Window xmlns : control = " http://filterdatagrid.control.com/2021 " ... 控制 < control : FilterDataGrid FilterLan
WPF 【十月的寒流】学习笔记(1):DataGrid过滤
qq_44695769的博客
02-26 2059
为了深入的重新学习WPF的基础知识，打算从【B站：十月的寒流】这位大佬上面去学习WPF的相关的知识。我其实更推荐大家去看原视频的相关教程内容。学WPF还是不能闭门造车，一定要先找网上有没有对应的方法，实在没有再自己想方法解决。【十月的寒流】的【WPF教程】确实不错，建议大家都去看一下。
C# WPF DataGrid 分组（Group）
博客已退休
02-15 8819
C# WPF DataGrid 分组（Group） 效果如图，每个列的名字可以自定义。我随便用了”File”和”Attachment Name”。 在Window的Resources里面设置Style, GroupHeaderStyle： <Style
WPF 精修篇 DataGrid 筛选
时意
12-02 4391
DataGrid也可以分组 但是用的地方不多 就没写 筛选还是可以的 比如Datagrid数据量比较大 要做数据筛选 贴码 <DataGrid x:Name="datagrid" AutoGenerateColumns="False" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch...
WPF的DataGrid控件——分组、改变成DataTreeGrid的样式
热门推荐
niuge8905的博客
12-29 1万+
这里主要讲到《WPF编程宝典》那本书中，关于DataGrid控件中一些补充内容。 1、DataGrid基本用法 直接上代码，看效果吧： 后台代码namespace DataGridTest { /// <summary> /// MainWindow.xaml 的交互逻辑 /// </summary> public partial class MainWindo
WPF--实现代码控制DataGrid的特定列排序
weixin_41883890的博客
02-09 1650
var temp=控件名.Items.Cast().Select(x => x as 类名).ToList();//界面字段排序后的集合。DataGridSort(“列绑定的字段名字”, ListSortDirection.Ascending);此方法适用于 WPF 的 DataGrid 控件。//按钮事件或者其它事件。3、获取排序后的结果集合。/// 模拟点击列头。/// 降序还是升序。
WPF －.Net 4.0解决了DataGrid分组时的内存泄露
weixin_34366546的博客
05-20 120
在OpenExpressApp中框架自带一个【部门管理】模块，其中【功能权限】设置时用了DataGrid，并且使用了DataGrid的分组功能，UI如下： 用户反应在使用过程中，来回切换【业务对象】进行功能权限设置时，切换多次后会发现允许速度慢的和蜗牛一样。既然这么明显，打开任务管理器，未设置功能权限时内存消耗如下图为50496： 来回切换20次后，发现内存飚升为94580，如果模块负...
WPF中DataGrid进行分组
05-25
可以通过在DataGrid中使用CollectionView来实现分组。具体步骤如下： 1. 在XAML中设置DataGrid的ItemsSource为CollectionView，并设置GroupDescription属性为分组依据的属性。 ``` <DataGrid ItemsSource="{Binding Source={StaticResource myCollectionView}}"> <DataGrid.GroupStyle> <GroupStyle> <GroupStyle.HeaderTemplate> <DataTemplate> <StackPanel> <TextBlock Text="{Binding Name}" /> </StackPanel> </DataTemplate> </GroupStyle.HeaderTemplate> </GroupStyle> </DataGrid.GroupStyle> </DataGrid> ``` 2. 在ViewModel中创建CollectionView，并设置其Source属性为数据源，设置GroupDescription属性为分组依据的属性。 ``` public class MyViewModel { public ICollectionView MyCollectionView { get; set; } public MyViewModel() { List<MyData> myDataList = new List<MyData> { new MyData { Name = "John", Age = 25, Gender = "Male" }, new MyData { Name = "Mary", Age = 30, Gender = "Female" }, new MyData { Name = "Tom", Age = 35, Gender = "Male" }, new MyData { Name = "Lucy", Age = 28, Gender = "Female" } }; MyCollectionView = CollectionViewSource.GetDefaultView(myDataList); MyCollectionView.GroupDescriptions.Add(new PropertyGroupDescription("Gender")); } } public class MyData { public string Name { get; set; } public int Age { get; set; } public string Gender { get; set; } } ``` 以上代码会将数据按照Gender属性分组，显示在DataGrid中，每个分组的Header显示分组依据的属性值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值