在 Telerik 自动完成框中查看更多详细信息答案

【问题标题】：View More Detail in Telerik Autocomplete Box在 Telerik 自动完成框中查看更多详细信息
【发布时间】：2017-04-19 20:18:20
【问题描述】：

我正在使用Telerik RadAutoCompleteBox

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

结果是：

我想要做的是如何显示有关国家/地区的更多详细信息，（假设行显示国家名称和另一行显示国家代码）喜欢：

【问题讨论】：

标签： c# wpf autocomplete telerik

【解决方案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>

【讨论】：

我会检查的
这也是你在这里所说的，然后你只是忽略了答案和我的 cmets：stackoverflow.com/questions/43155756/…。此外，没有太多要检查的。这是您自定义下拉项目外观的方式。你可以复制我的示例代码。