网站前台模板 html,如何创建企业邮箱,塑胶加工东莞网站建设技术支持,郑州公司建站搭建文章目录 相关链接代码仓库前言环境DataGrid 数据筛选项目配置使用原理主要代码#xff08;详细代码可以看我的GitHub仓库#xff09;Models.PersonDataGirdViewDataGridViewModel 实现效果 DataGrid直接绑定CollectionViewxamlViewModel 总结 相关链接 十月的寒流 在 WPF 中… 文章目录 相关链接代码仓库前言环境DataGrid 数据筛选项目配置使用原理主要代码详细代码可以看我的GitHub仓库Models.PersonDataGirdViewDataGridViewModel 实现效果 DataGrid直接绑定CollectionViewxamlViewModel 总结 相关链接 十月的寒流 在 WPF 中制作 DataGrid 的数据筛选功能 WPF 中如何制作 DataGrid 的分页功能 代码仓库
我为了方便展示源代码我将代码提交到了代码仓库里面 B站【十月的寒流】对应课程的代码 Github仓库 前言
为了深入的重新学习WPF的基础知识打算从【B站十月的寒流】这位大佬上面去学习WPF的相关的知识。我其实更推荐大家去看原视频的相关教程内容。
环境
visual studio 2022.net core 8.0windows11
DataGrid 数据筛选
项目配置
如何使用我这里就不展开说明了 WPF CommunityToolkit.Mvvm WPF CommunityToolkit.Mvvm Messenger通讯 WPF-UI HandyControl 简单介绍 WPF-UI HandyControl 控件简单实战IconPacks矢量图导入 Bogus.NET生成批量模拟数据
使用原理 WPF DataGrid 数据过滤 ICollectionView让MVVM更简单 微软官方文档|ICollectionView 接口 这里不得不提到微软的WPF文档了写了和没写差不多。
实现原理就是微软为了方便对数据进行分组、排序和筛选。给ItemSorce添加了ICollectionView 专门用于干这个。然后我们可以对ICollectionView添加规则Ture就是需要False就是不需要。
主要代码详细代码可以看我的GitHub仓库
Models.Person public class Person{public int Id { get; set; }public string FullName { get; set; }public string FirstName { get; set; }public string LastName { get; set; }public DateTime BirthDay { get; set; }}DataGirdView
UserControl x:ClassDataGrid_Filter.Views.DataGirdViewxmlnshttp://schemas.microsoft.com/winfx/2006/xaml/presentationxmlns:xhttp://schemas.microsoft.com/winfx/2006/xamlxmlns:mchttp://schemas.openxmlformats.org/markup-compatibility/2006xmlns:dhttp://schemas.microsoft.com/expression/blend/2008xmlns:localclr-namespace:DataGrid_Filter.Viewsxmlns:hchttps://handyorg.github.io/handycontrolxmlns:viewModelsclr-namespace:DataGrid_Filter.ViewModelsmc:Ignorabledd:DesignHeight450d:DesignWidth800UserControl.DataContextviewModels:DataGridViewModel x:NameViewModel //UserControl.DataContextDockPanel LastChildFillTrueStackPanel DockPanel.DockBottomOrientationHorizontalMargin5Button Command{Binding AddItemCommand}ContentAddNewItem /!--添加名称方便绑定--hc:TextBox Text{Binding FilterStr,UpdateSourceTriggerPropertyChanged}hc:InfoElement.PlaceholderFilter By NameMinWidth200Margin5 0 0 0x:NameFilterBox //StackPanel!--添加名称方便绑定--DataGrid ItemsSource{Binding PeopleList}x:NamePeopleDataGrid/DataGrid/DockPanel
/UserControl public partial class DataGirdView : UserControl{public DataGirdView(){InitializeComponent();//将主要的代码逻辑放在ViewModel里面ViewModel.DataGirdView this;}}DataGridViewModel public partial class DataGridViewModel : ObservableObject{[ObservableProperty]private string title DataGird Tttle;[ObservableProperty]private ObservableCollectionModels.Person peopleList new();[ObservableProperty]private ICollectionView collectionView;[ObservableProperty]private string filterStr ;private DataGrid_Filter.Views.DataGirdView dataGirdView;public DataGrid_Filter.Views.DataGirdView DataGirdView{get dataGirdView;set {dataGirdView value;ViewInit();}}public static int OrderId 1;/// summary/// 生成模拟的数据/// /summarypublic static FakerModels.Person Faker new FakerModels.Person().RuleFor(t t.Id, f OrderId).RuleFor(t t.FirstName, f f.Name.FirstName()).RuleFor(t t.LastName, f f.Name.LastName()).RuleFor(t t.FullName, f f.Name.FullName()).RuleFor(t t.BirthDay, f f.Date.Between(new DateTime(1990, 1, 1), new DateTime(2010, 1, 1)));public DataGridViewModel(){PeopleList new ObservableCollectionModels.Person(Faker.Generate(10));}[RelayCommand]public void AddItem(){var item Faker.Generate();PeopleList.Add(item);}public void ViewInit(){//获取ItemSource的CollectionViewCollectionView CollectionViewSource.GetDefaultView(DataGirdView.PeopleDataGrid.ItemsSource);//给CollectionView添加过滤规则CollectionView.Filter (item) {if (string.IsNullOrEmpty(FilterStr)){return true;}else{var model item as Models.Person;return model.FirstName.Contains(FilterStr) || model.LastName.Contains(FilterStr) || model.FullName.Contains(FilterStr);}};//在TextChanged的时候实时更新DataGirdView.FilterBox.TextChanged (s, e) {CollectionView.Refresh();};}}实现效果 DataGrid直接绑定CollectionView
第一种方法是通过获取ItemSorce来获取CollectionView实在是舍近求远。这次我们选择第二种方法。直接绑定设置好的CollectionView。然后我们在每次刷新输入框和改动数据的时候主动更新绑定内容。
xaml
UserControl x:ClassDataGrid_Filter.Views.DataGrid2Viewxmlnshttp://schemas.microsoft.com/winfx/2006/xaml/presentationxmlns:xhttp://schemas.microsoft.com/winfx/2006/xamlxmlns:mchttp://schemas.openxmlformats.org/markup-compatibility/2006 xmlns:dhttp://schemas.microsoft.com/expression/blend/2008 xmlns:localclr-namespace:DataGrid_Filter.Viewsxmlns:viewModelsclr-namespace:DataGrid_Filter.ViewModelsxmlns:hchttps://handyorg.github.io/handycontrolmc:Ignorabled d:DesignHeight450 d:DesignWidth800UserControl.DataContextviewModels:DataGrid2ViewModel //UserControl.DataContextGridDockPanel LastChildFillTrueStackPanel DockPanel.DockBottomOrientationHorizontalMargin5Button Command{Binding AddItemCommand}ContentAddNewItem /!--添加名称方便绑定--hc:TextBox Text{Binding FilterStr,UpdateSourceTriggerPropertyChanged}hc:InfoElement.PlaceholderFilter By NameMinWidth200Margin5 0 0 0x:NameFilterBox //StackPanel!--添加名称方便绑定--DataGrid ItemsSource{Binding CollectionView}x:NamePeopleDataGrid/DataGrid/DockPanel/Grid
/UserControl
ViewModel
using Bogus;
using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;
using DataGrid_Filter.Views;
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Data;namespace DataGrid_Filter.ViewModels
{public partial class DataGrid2ViewModel : ObservableObject{[ObservableProperty]private ListModels.Person people new ListModels.Person();[ObservableProperty]private ICollectionView collectionView;private string filterStr ;public string FilterStr{get{return filterStr;}set{SetProperty(ref filterStr, value);CollectionView.Refresh();}}[RelayCommand]public void AddItem(){var item DataGridViewModel.Faker.Generate();People.Add(item);CollectionView.Refresh();}public DataGrid2ViewModel(){People DataGridViewModel.Faker.Generate(10).ToList();CollectionView CollectionViewSource.GetDefaultView(People);CollectionView.Filter (item) {if (string.IsNullOrEmpty(FilterStr)){return true;}else{var model item as Models.Person;return model.FirstName.Contains(FilterStr) || model.LastName.Contains(FilterStr) || model.FullName.Contains(FilterStr);}};}}
}
总结
学WPF还是不能闭门造车一定要先找网上有没有对应的方法实在没有再自己想方法解决。【十月的寒流】的【WPF教程】确实不错建议大家都去看一下。
