查看更详细的Telerik的自动完成框

Question

我使用Telerik RadAutoCompleteBox

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

结果：

我想要做的就是我怎么能显示有关国家更详细的内容， （可以说行显示国名和另一行显示国家代码）像：

在先进的感谢

Answer 1

定义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>