WPF filter datagrid column via TextBox ,Delay=500

Install-Package Newtonsoft.json
  <TextBox Grid.Column="1"
           FontSize="30"
           ToolTip="Search CategoryName"
           Text="{Binding CategoryKey,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged,Delay=500}"
           Margin="10,0"/>

private string categoryKey;
public string CategoryKey
{
    get
    {
        return categoryKey;
    }
    set
    {
        if (value != categoryKey)
        {
            categoryKey = value;
            OnPropertyChanged();
            OnCategoryKeyChanged();
        }
    }
}

private void OnCategoryKeyChanged()
{
    var filerBks = bksList.Where(x => x.CategoryName.Contains(categoryKey,StringComparison.InvariantCultureIgnoreCase));
    BksCollection = new ObservableCollection<Book>(filerBks);
}

 

 

<Window x:Class="WpfApp8.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:WpfApp8"
        mc:Ignorable="d"
        Title="MainWindow" WindowState="Maximized">
    <Window.DataContext>
        <local:MainVM/>
    </Window.DataContext>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>            
        </Grid.RowDefinitions>
        <Border BorderBrush="LightCyan"
                BorderThickness="1"
                Grid.Row="0">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <TextBlock Grid.Column="0" Text="Category Search:" Margin="10,0" FontSize="30"/>
                <TextBox Grid.Column="1"
                         FontSize="30"
                         ToolTip="Search CategoryName"
                         Text="{Binding CategoryKey,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged,Delay=500}"
                         Margin="10,0"/>
            </Grid>           
        </Border>
       

        <DataGrid Grid.Row="1"
                  ItemsSource="{Binding BksCollection,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"
                  VirtualizingPanel.IsVirtualizing="True"
                  VirtualizingPanel.VirtualizationMode="Recycling"
                  VirtualizingPanel.CacheLength="5,5"
                  VirtualizingPanel.CacheLengthUnit="Item"
                  ScrollViewer.CanContentScroll="True"
                  ScrollViewer.IsDeferredScrollingEnabled="True"
                  UseLayoutRounding="True"
                  CanUserAddRows="False"
                  AutoGenerateColumns="False"
                  HeadersVisibility="Column"
                  Margin="5"
                  BorderBrush="Cyan"
                  BorderThickness="2">
            <DataGrid.Resources>
                <Style TargetType="DataGridRow">
                    <Setter Property="FontSize" Value="30"/>
                    <Style.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Foreground" Value="Red"/>
                            <Setter Property="FontWeight" Value="ExtraBold"/>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </DataGrid.Resources>
            <DataGrid.Columns>
                <DataGridTextColumn Header="Id" Binding="{Binding Id}"/>
                <DataGridTextColumn Header="CategoryName" Binding="{Binding CategoryName}"/>
                <DataGridTextColumn Header="Name" Binding="{Binding Name}"/>
                <DataGridTextColumn Header="ISBN" Binding="{Binding ISBN}"/>
                <DataGridTextColumn Header="Author" Binding="{Binding Author}"/>
                <DataGridTextColumn Header="Title" Binding="{Binding Title}"/>
                <DataGridTextColumn Header="Topic" Binding="{Binding Topic}"/>
                <!--<DataGridTextColumn Binding="{Binding Id}"/>
                <DataGridTextColumn Binding="{Binding Id}"/>
                <DataGridTextColumn Binding="{Binding Id}"/>-->                
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</Window>



using Newtonsoft.Json;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Net.Http;
using System.Runtime.CompilerServices;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WpfApp8
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
    }


    public class MainVM : INotifyPropertyChanged
    {
        private static string url = "http://192.168.150.1:5000/api/books/getbooks/1000000";
        private static HttpClient client = new HttpClient()
        {
            Timeout = TimeSpan.FromMinutes(1)
        };

        List<Book> bksList = new List<Book>();

        public MainVM()
        {
            if(!DesignerProperties.GetIsInDesignMode(new DependencyObject()))
            {
                _ = GetDataAsync();
            }            
        }

        private async Task GetDataAsync()
        {
            string jsonStr = await client.GetStringAsync(url);
            if (!string.IsNullOrWhiteSpace(jsonStr))
            {
                bksList = JsonConvert.DeserializeObject<List<Book>>(jsonStr);
                if (bksList != null && bksList.Any())
                {
                    BksCollection = new ObservableCollection<Book>(bksList);
                }
            }
        }

        private string categoryKey;
        public string CategoryKey
        {
            get
            {
                return categoryKey;
            }
            set
            {
                if (value != categoryKey)
                {
                    categoryKey = value;
                    OnPropertyChanged();
                    OnCategoryKeyChanged();
                }
            }
        }

        private void OnCategoryKeyChanged()
        {
            var filerBks = bksList.Where(x => x.CategoryName.Contains(categoryKey,StringComparison.InvariantCultureIgnoreCase));
            BksCollection = new ObservableCollection<Book>(filerBks);
        }

        private ObservableCollection<Book> bksCollection;
        public ObservableCollection<Book> BksCollection
        {
            get
            {
                return bksCollection;
            }
            set
            {
                if (value != bksCollection)
                {
                    bksCollection = value;
                    OnPropertyChanged();
                }
            }
        }

        public event PropertyChangedEventHandler? PropertyChanged;
        private void OnPropertyChanged([CallerMemberName] string propName = "")
        {
            var handler = Volatile.Read(ref PropertyChanged);
            if (handler == null)
            {
                return;
            }
            handler(this, new PropertyChangedEventArgs(propName));
        }
    }

    public class Book
    {
        public long Id { get; set; }
        public string Name { get; set; }
        public string ISBN { get; set; }
        public string Author { get; set; }
        public string Comment { get; set; }
        public string Content { get; set; }
        public string CategoryName { get; set; }
        public string Summary { get; set; }
        public string Title { get; set; }
        public string Topic { get; set; }
    }
}

 

 

 

 

image

 

image

 

 

 

image

 

 

 

 

image

 

posted @ 2026-10-01 18:55  FredGrit  阅读(5)  评论(0)    收藏  举报