WP7 silverlight toolkit 之 AutoCompleteBox 应用学习

案例一：

 

xaml:

 <toolkit:AutoCompleteBox
                HorizontalAlignment="Left"
                Margin="43,43,0,0"
                Name="autoCompleteBox1"
                VerticalAlignment="Top"
                Width="351"
                 IsTextCompletionEnabled="True"
                /> 

这个很简单，就是直接拖进来，多加了个IsTextCompletionEnabled属性，设置边输的时候是否匹配

cs:

            List<string> list = new List<string>();
            list.Add("aaaaaaa");
            list.Add("bbbbbbb");
            list.Add("ccccccc");
            list.Add("ddddddd");
            list.Add("eeeeeee");
            list.Add("fffffff");

            autoCompleteBox1.ItemsSource = list;

<!--StartFragment -->

--------------------------------------------------------------------

案例二：xaml:

<toolkit:AutoCompleteBox
                HorizontalAlignment="Left"
                Margin="43,121,0,0"
                Name="autoCompleteBox2"
                VerticalAlignment="Top"
                Width="351"
                ValueMemberPath="Key"
                >
                <toolkit:AutoCompleteBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                            <Image Source="{Binding Value}" Width="100" Height="100"></Image>                          
                                <TextBlock Text="{Binding Key}" Margin="0,50"></TextBlock>                                              
                        </StackPanel>
                       
                    </DataTemplate>                   
                </toolkit:AutoCompleteBox.ItemTemplate>                
            </toolkit:AutoCompleteBox>

这里就有两个显示的，要注意的就是ValueMemberPath,这个是设置输哪个值的时候进行匹配，因为有两个，你要设置一个

cs:

    Dictionary<string, string> dict = new Dictionary<string, string>();
            dict.Add("Monday", "/Image/1.jpg");
            dict.Add("Mm", "/Image/2.jpg");
            dict.Add("Mmmy", "/Image/3.jpg");
            dict.Add("Mommm", "/Image/1.jpg");          
            autoCompleteBox2.ItemsSource = dict;

---------------------------------------------------------------------

案例三：xaml:

<toolkit:AutoCompleteBox
                HorizontalAlignment="Left"
                Margin="43,302,0,0"
                Name="autoCompleteBox3"
                VerticalAlignment="Top"
                Width="372"
                ValueMemberPath="name"
                >
                <toolkit:AutoCompleteBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel>
                            <TextBlock Text="{Binding name}"></TextBlock>
                            <TextBlock Text="{Binding sex}" Foreground="Gray"></TextBlock>
                        </StackPanel>
                    </DataTemplate>
                </toolkit:AutoCompleteBox.ItemTemplate>
            </toolkit:AutoCompleteBox>

这个要注意的和上面的一样

cs:

            List<Info> Infoa = new List<Info>();
            Info i = new Info();
            i.name = "jacklai";
            i.sex = "男";
            Infoa.Add(i);
            Info i1 = new Info();
            i1.name = "MarryLai";
            i1.sex = "女";
            Infoa.Add(i1);
            autoCompleteBox3.ItemsSource = Infoa;

 

______________________________________________________

属性：
1.FilterMode:匹配方式
2.IsDropDownOpen:下拉列表是否打开
3.IsTextCompletionEnable:自动完成匹配填写
4.MaxDropDownHeight:下拉列表的最大高度
5.MinimumPopulateDelay:最小匹配时间
6.MinimumPrefixLength：最短匹配长度
事件:
DropDownClosed/DropDownCloseing
DropDownOpened/DropDownOpening