在我的Windows Phone 7应用程序中添加一个搜索框

Question

我正在为Windows Phone 7构建一个应用程序，我需要添加一个如下所示的搜索框：

现在尝试在此处键入内容时，它应显示Web服务中存在的数据。假设某人键入字母“A”，它应该显示从Web服务以A开头的数据。请告诉我如何做到这一点。

我的xaml：

<toolkit:AutoCompleteBox x:Name="acBox" FilterMode="Custom" Width="344" Canvas.Left="53" Canvas.Top="6" Height="72">.
                <toolkit:AutoCompleteBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                            <Image Source="{Binding Image}" Stretch="None" Margin="0,0,5,5"/>
                            <TextBlock Text="{Binding Name}"/>
                        </StackPanel>
                    </DataTemplate>
                </toolkit:AutoCompleteBox.ItemTemplate>
            </toolkit:AutoCompleteBox>

Cs文件：

public City()
    {
        InitializeComponent();

        this.acBox.ItemFilter = Search;
        LoadData();
    }

    bool Search(string search, object value)
    {
        //
    } 

//这里我想从网络服务中搜索。

Answer 1

您可以使用WindowsPhone Toolkit中的AutoCompleteBox。关于它，诺基亚有一个很好的tutorial。另一个是GeekChamp。

<toolkit:AutoCompleteBox HorizontalAlignment="Left"  Width="450" Grid.Row="0"
                         Name="autoCompleteBox1" VerticalAlignment="Top"
                         ItemsSource="{StaticResource AutoCompletions}"/>