查看更詳細的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>