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