首页 > 代码库 > WPF中让Combobox具有查找功能

WPF中让Combobox具有查找功能

需求:由于combobox绑定的数据源数量比较多,如果让用户在下拉列中查找,难免会不太方便,于是就需要让combobox可以输入内容,并且希望根据用户输入的内容去自动匹配,这样效率就会提高!

先在xaml中添加一个combobox:

<Grid>
        <ComboBox IsTextSearchEnabled="False" IsEditable="True"   Height="23" HorizontalAlignment="Left" Margin="12,23,0,0" Name="comboBox1" VerticalAlignment="Top" Width="120"  KeyUp="comboBox1_KeyUp" />

</Grid>

先看设置的属性:
IsEditable就是启用或禁用 ComboBox 的文本框中的文本编辑,让combobox可以输入内容
IsTextSearchEnabled就是是否开启TextSearch,默认是开启的
接着就是给combobox设置数据源了
 public partial class MainWindow : Window
    {
        List<string> list = new List<string> { "aa", "bb", "abc", "csd", "sdlfks", "osdi", "awd" };
        public MainWindow()
        {
            InitializeComponent();
            comboBox1.ItemsSource = list;
	 }
    

 

 

在keyup中写代码,根据当前输入的内容去数据源中模糊查找出匹配的数据显示在下拉列中,代码如下:

private void comboBox1_KeyUp(object sender, KeyEventArgs e)
        {

            List<string> mylist = new List<string>();
            mylist = list.FindAll(delegate(string s) { return s.Contains(comboBox1.Text.Trim()); });
            comboBox1.ItemsSource = mylist;
            comboBox1.IsDropDownOpen = true;
        }

 

WPF中让Combobox具有查找功能