View More Detail in Telerik Autocomplete Box

Question

I'm using Telerik RadAutoCompleteBox

<telerik:RadAutoCompleteBox x:Name="autoComleteBox"  Width="200"
                        ItemsSource="{Binding Countries}"
                        DisplayMemberPath="Name" 
                        AutoCompleteMode="Suggest"/>

The result is:

What I want to do is how can I display more detail about country, ( Lets say line display country name and another line to display country code ) Like:

Answer 1

Define a DropDownItemTemplate:

<telerik:RadAutoCompleteBox x:Name="autoComleteBox"  Width="200"
                        ItemsSource="{Binding Countries}"
                        DisplayMemberPath="Name" 
                        AutoCompleteMode="Suggest">
    <telerik:RadAutoCompleteBox.DropDownItemTemplate>
        <DataTemplate>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="50" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                </Grid.RowDefinitions>
                <TextBlock Text="ID:" />
                <TextBlock Text="Name:" Grid.Row="1" />
                <TextBlock Text="RSS Url:" Grid.Row="2" />

                <TextBlock Text="{Binding Id}" Grid.Column="1" />
                <TextBlock Text="{Binding Name}" Grid.Row="1" Grid.Column="1" />
                <TextBlock Text="{Binding Url}" Grid.Row="2" Grid.Column="1" />
            </Grid>
        </DataTemplate>
    </telerik:RadAutoCompleteBox.DropDownItemTemplate>
</telerik:RadAutoCompleteBox>