WPF-15：AutoCompleteBox的使用(实现下拉列表)

下拉列表之前用这种popup控件实现（ http://blog.csdn.net/yysyangyangyangshan/article/details/8177878），使用起来也比较不方便。好在wpf中还有一个控件AutoCompleteBox可以来实现。不过使用之前需要引用System.Windows.Controls.Input.Toolkit.dll（最好安装WPF Toolkit，这里就包含了该dll）。本文对应的项目文件中含有该dll（ http://download.csdn.net/detail/yysyangyangyangshan/5304822）。
下面直接看代码：
界面：

<Window x:Class="TestPoupSearchbox.MainWindow"         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"         xmlns:tookit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Input.Toolkit"         Title="MainWindow" Height="350" Width="525">     <Grid>         <Grid.RowDefinitions>             <RowDefinition Height="Auto"/>             <RowDefinition Height="Auto"/>             <RowDefinition Height="Auto"/>         </Grid.RowDefinitions>                  <tookit:AutoCompleteBox x:Name="searchTextBox"  Grid.Row="1"                                  ValueMemberPath="SerchString" Margin="10"                                 FontSize="20" Height="50" Foreground="Black">             <tookit:AutoCompleteBox.ItemTemplate>                 <DataTemplate>                     <TextBlock Margin="5,5" FontSize="26">                             <Run Text="{Binding SerchString}" Foreground="Blue"/>                         <Run Text="{Binding Name}" Foreground="Gray"/>                     </TextBlock>                 </DataTemplate>             </tookit:AutoCompleteBox.ItemTemplate>         </tookit:AutoCompleteBox>                  </Grid> </Window>

下拉列表绑定的数据模型类：

/// <summary>     /// 绑定模型类     /// </summary>     public class AutoCompleteModel : INotifyPropertyChanged     {         public void OnPropertyChanged(string propname)         {             if (this.PropertyChanged != null)             {                 PropertyChanged(this, new PropertyChangedEventArgs(propname));             }         }           public event PropertyChangedEventHandler PropertyChanged;           private string searchString = string.Empty;           private string name = string.Empty;           public string SerchString         {             get { return searchString; }               set             {                 searchString = value;                   this.OnPropertyChanged("SerchString");             }         }           public string Name         {             get { return name; }               set             {                 name = value;                   this.OnPropertyChanged("Name");             }         }     }

后台使用：

public partial class MainWindow : Window     {         public MainWindow()         {             InitializeComponent();               this.searchTextBox.Populating += new PopulatingEventHandler(AutoCompleteBox_Populating);               this.searchTextBox.SelectionChanged += new SelectionChangedEventHandler(searchTextBox_SelectionChanged);         }           void searchTextBox_SelectionChanged(object sender, SelectionChangedEventArgs e)         {             AutoCompleteModel model = this.searchTextBox.SelectedItem as AutoCompleteModel;               if (model != null)             {                 MessageBox.Show(model.Name);             }         }           private void AutoCompleteBox_Populating(object sender, PopulatingEventArgs e)         {             e.Cancel = true;               List<AutoCompleteModel> data = new List<AutoCompleteModel>();               for (int i = 0; i < 10; i++)             {                 AutoCompleteModel model = new AutoCompleteModel();                   model.SerchString = "1234";                   model.Name = "测试" + i;                   data.Add(model);             }               this.searchTextBox.ItemsSource = data;               //设置那种模式匹配             this.searchTextBox.FilterMode = AutoCompleteFilterMode.Contains;               this.searchTextBox.PopulateComplete();         }     }

效果图：

注意：

1、AutoCompleteBox中ValueMemberPath="SerchString"，要指定查询的字段。
2、 this.searchTextBox.FilterMode = AutoCompleteFilterMode.Contains，需要注意设置搜索时的匹配方式。
代码下载： http://download.csdn.net/detail/yysyangyangyangshan/5304822