WPF 搜索框实时获取内容

效果展示:

 部分代码:

using System.Collections.Generic;
using System.Linq;
using System.Windows;

namespace WpfApp8
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        List<string> listStr = new List<string>();
        public MainWindow()
        {
            InitializeComponent();
            for(int i=0;i<100;i++)
            {
                string str = "btn" + i.ToString();
                listStr.Add(str);
            }
            listBox.ItemsSource = listStr;
        }

        private void SearchBar_SearchStarted(object sender, HandyControl.Data.FunctionEventArgs<string> e)
        {
           listBox.ItemsSource = null;
           List<string> result = listStr.Where(item => item.Contains(e.Info)).ToList();
           listBox.ItemsSource = result;

        }
    }
}
<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"
        xmlns:hc="clr-namespace:HandyControl.Controls;assembly=HandyControl" xmlns:ex="https://handyorg.github.io/handycontrol"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="60"/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <StackPanel Orientation="Horizontal" Grid.Row="0">
            <hc:SearchBar SearchStarted="SearchBar_SearchStarted"  IsRealTime="True" Command="{Binding SearchCmd}" CommandParameter="{Binding Text,RelativeSource={RelativeSource Self}}" Width="600" Height="50"/>
        </StackPanel>
        <ListBox x:Name="listBox" Grid.Row="1"/>

    </Grid>
</Window>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

amireux512

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值