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

Download this comprehensive Mobile Testing Reference Guide to help prioritize which mobile devices and OSs to test against, brought to you in partnership with Sauce Labs.

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

Analysts agree that a mix of emulators/simulators and real devices are necessary to optimize your mobile app testing - learn more in this white paper, brought to you in partnership with Sauce Labs.

Topics:

Opinions expressed by DZone contributors are their own.

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

{{ parent.tldr }}

{{ parent.urlSource.name }}