Telerik UI for Windows 8 XAML

How to create a simple RadAutoCompleteBox

This quick start tutorial will help you setup and add a RadAutoCompleteBox control to an application.

  1. First you have to add a reference to Telerik UI for Windows Universal extension SDK or to your binaries folder. If you choose to add binaries, you will need the following references:

    • Telerik.Core

    • Telerik.UI.Xaml.Primitives

    • Telerik.UI.Xaml.Input

  2. Add the following namespace in the MainPage.xaml:

    XAML Copy imageCopy
  3. Define a RadAutoCompleteBox in XAML:

    XAML Copy imageCopy
    <telerikInput:RadAutoCompleteBox x:Name="radAutoCompleteBox" Width="200" VerticalAlignment="Top" />
  4. Initialize the ItemsSource property so that suggestions can be shown as the user types:

    C# Copy imageCopy
    List<string> suggestions = new List<string>();
    for (int i = 0; i < 50; i++)
        suggestions.Add("Suggestion " + i);
    this.radAutoCompleteBox.ItemsSource = suggestions;

The result is:

Auto Complete Box-Getting Started

See Also