Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Databinding an Auto Complete Box in Windows Phone

DZone's Guide to

Databinding an Auto Complete Box in Windows Phone

· Mobile Zone
Free Resource

Launching an app doesn’t need to be daunting. Whether you’re just getting started or need a refresher on mobile app testing best practices, this guide is your resource! Brought to you in partnership with Perfecto

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

20111114_1.jpg

 

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();
            stack.Children.Add(txtbox);
            // Data
            txtbox.ItemsSource = GetSports();
}
 
public List<string> GetSports()
{
            List<string> Sports = new List<string>();
            Sports.Add("Cricket");
            Sports.Add("Tennis");
            Sports.Add("Table Tennis");
            Sports.Add("Hockey");
            Sports.Add("Football");
            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 .

 

20111114_2.jpg

 



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

Keep up with the latest DevTest Jargon with the latest Mobile DevTest Dictionary. Brought to you in partnership with Perfecto.

Topics:

Opinions expressed by DZone contributors are their own.

THE DZONE NEWSLETTER

Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

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

X

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

{{ parent.tldr }}

{{ parent.urlSource.name }}