Over a million developers have joined DZone.

Databinding an Auto Complete Box in Windows Phone

· Mobile Zone

Visually compose APIs with easy-to-use tooling. Learn how IBM API Connect provides near-universal access to data and services both on-premises and in the cloud, brought to you in partnership with IBM.

The Auto Complete Box is one of the controls that is a part of the Silverlight Toolkit for Windows Phone, which just got a new release this week!


One of the features of the AutoCompleteBox is that when a user types a character or keyword , the control will show the related words in the drop down list .


To add the Auto Complete Box , make sure you have installed the Silverlight Toolkit for Windows Phone and added the Silverlight Toolkit controls to the toolbox .


Just Drag and Drop the control "AutoCompleteBox" from the toolbox to the xaml page



The XAML code for the Auto Complete Text box will look like this

<toolkit:AutoCompleteBox Grid.Row="1" Height="80" HorizontalAlignment="Left" Margin="41,156,0,0" Name="autoCompleteBox1" VerticalAlignment="Top" Width="403" />


Alternatively you can also create the Auto Complete Box in the Code Behind form .


1. Add the namespace - Microsoft.Phone.Controls namespace . Make sure that the Microsoft.Phone.Controls.Toolkit assembly is added via Add Reference


2. Define the Data i.e List of String and assign the data to the ItemSource property of the AutoComplete object and add the AutoCompleteBox to the container (StackPanel) .

public void AddAutocomplete()
             AutoCompleteBox txtbox = new AutoCompleteBox();
            // Data
            txtbox.ItemsSource = GetSports();
public List<string> GetSports()
            List<string> Sports = new List<string>();
            Sports.Add("Table Tennis");
            return Sports;


Now , Run the Windows Phone App and start typing first few charcters in the AutoCompleteBox . You should see the list of Suggestions based on the set of data provided as ItemSource .




Source: http://windowsphonerocks.com/Developer/DeveloperArticles/tabid/64/Article/224/databinding-an-auto-complete-box-in-windows-phone.aspx

The Mobile Zone is brought to you in partnership with Strongloop and IBM.  Visually compose APIs with easy-to-use tooling. Learn how IBM API Connect provides near-universal access to data and services both on-premises and in the cloud.


The best of DZone straight to your inbox.

Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}