WPF实现带模糊搜索的DataGrid的示例代码-猿码集

WPF实现带模糊搜索的DataGrid的示例代码

在WPF应用程序开发中，经常会遇到需要显示大量数据的情况。DataGrid是WPF中常用的控件之一，它可以用来显示和编辑表格数据。为了提供更好的用户体验，有时候需要在DataGrid中实现模糊搜索的功能，即用户输入关键字后，DataGrid会根据关键字对数据进行模糊匹配，并展示匹配的结果。本文将通过示例代码演示如何在WPF中实现带模糊搜索的DataGrid。

1. 创建WPF项目

首先，我们需要创建一个WPF项目作为实现的基础。可以使用Visual Studio等开发工具，创建一个新的WPF应用程序项目。

1.1 创建WPF项目步骤

打开Visual Studio，并点击“创建新项目”。

选择“WPF应用程序”作为项目类型，然后点击“下一步”。

填写项目的名称和存储位置，然后点击“创建”。

新建的WPF项目会自动创建一个MainWindow.xaml文件和一个MainWindow.xaml.cs文件，这两个文件分别对应UI和代码逻辑。

2. 创建DataGrid和搜索框

在MainWindow.xaml文件中，我们需要定义一个DataGrid和一个搜索框。DataGrid用于显示数据，搜索框用于接收用户输入的关键字。


<Window x:Class="WpfApp1.MainWindow"
        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:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        
        <TextBox x:Name="txtSearch" Grid.Row="0" Margin="10" />
        <DataGrid x:Name="dgData" Grid.Row="1" Margin="10"/>
    </Grid>
</Window>

在上面的代码中，我们将搜索框和DataGrid放在一个Grid控件中，并为它们分别指定了Grid.Row属性。这样可以让搜索框在第一行，DataGrid在第二行。

3. 绑定数据源

在C#代码中，我们需要为DataGrid绑定数据源，并设置搜索框的TextChanged事件，以便在用户输入关键字时触发搜索功能。下面是相关的代码：


using System.Collections.Generic;
using System.Linq;
using System.Windows;
using System.Windows.Controls;
namespace WpfApp1
{
    public partial class MainWindow : Window
    {
        private List<string> data = new List<string>();
        public MainWindow()
        {
            InitializeComponent();
            
            data.Add("Apple");
            data.Add("Banana");
            data.Add("Cherry");
            data.Add("Durian");
            data.Add("Grape");
            
            dgData.ItemsSource = data;
            txtSearch.TextChanged += TxtSearch_TextChanged;
        }
        private void TxtSearch_TextChanged(object sender, TextChangedEventArgs e)
        {
            string keyword = txtSearch.Text.ToLower();
            var filteredData = data.Where(d => d.ToLower().Contains(keyword)).ToList();
            dgData.ItemsSource = filteredData;
        }
    }
}

在上面的代码中，我们首先创建了一个List<string>类型的数据源，用来存储要显示的数据。在MainWindow的构造函数中，我们将这个数据源设置为DataGrid的ItemsSource，这样就可以将数据显示在DataGrid中。

接下来，我们在搜索框的TextChanged事件处理程序中，获取用户输入的关键字，并使用Linq查询筛选出与关键字相匹配的数据。然后将筛选出的数据重新设置为DataGrid的ItemsSource，以更新数据显示。

4. 运行程序并测试

通过以上步骤，我们已经完成了带模糊搜索的DataGrid的实现。现在可以运行程序，并在搜索框中输入关键字进行测试。

当我们输入关键字后，DataGrid会根据关键字进行模糊匹配，并展示匹配的结果。只有包含关键字的数据会显示在DataGrid中，其他数据会被过滤掉。

总结

本文示例代码演示了如何在WPF中实现带模糊搜索的DataGrid。通过将数据源绑定到DataGrid的ItemsSource，并利用TextChanged事件处理程序对数据进行筛选和更新，我们可以实现在DataGrid中实时搜索的功能。这种功能能够为用户提供更好的数据查找体验，提高应用程序的可用性。

希望本文对大家理解WPF中实现带模糊搜索的DataGrid有所帮助。

WPF实现带模糊搜索的DataGrid的示例代码