UWP中AutoSuggestBox能否实现类似ComboBox的SelectedValuePath功能并访问多字段？

当然可以实现！在UWP开发里，我们完全可以通过自定义数据模型+数据绑定的方式，让AutoSuggestBox实现类似ComboBox的SelectedValuePath效果——既在界面上显示友好的文本内容，又能关联对应的ID值，方便后台代码获取使用。

下面是具体的实现步骤：

1. 创建自定义数据模型类 #

首先定义一个包含显示文本和关联ID的实体类，用来存储每个建议项的完整信息：

public class RegNumberItem
{
    // 后台需要的"隐藏"ID值
    public int Id { get; set; }
    // 界面上显示的文本内容
    public string DisplayText { get; set; }
}

2. 配置AutoSuggestBox的XAML #

在XAML中为AutoSuggestBox指定ItemTemplate，明确告诉控件要显示模型中的哪个字段：

<AutoSuggestBox x:Name="TxtRegNumber" 
                HorizontalAlignment="Center" 
                VerticalAlignment="Center" 
                Width="296"
                TextChanged="TxtRegNumber_OnTextChanged" 
                SuggestionChosen="TxtRegNumber_OnSuggestionChosen">
    <!-- 指定建议项的显示模板 -->
    <AutoSuggestBox.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding DisplayText}" />
        </DataTemplate>
    </AutoSuggestBox.ItemTemplate>
</AutoSuggestBox>

3. 在TextChanged事件中加载建议项 #

当用户输入文本时，生成对应的RegNumberItem集合并赋值给AutoSuggestBox的Suggestions属性：

private void TxtRegNumber_OnTextChanged(AutoSuggestBox sender, AutoSuggestBoxTextChangedEventArgs args)
{
    // 仅在用户输入文本时加载建议项
    if (args.Reason == AutoSuggestionBoxTextChangeReason.UserInput)
    {
        // 这里模拟从数据源获取数据，实际可替换为你的业务查询逻辑
        var suggestions = new List<RegNumberItem>
        {
            new RegNumberItem { Id = 1, DisplayText = "ABC123" },
            new RegNumberItem { Id = 2, DisplayText = "DEF456" },
            new RegNumberItem { Id = 3, DisplayText = "GHI789" }
        };
        sender.Suggestions = suggestions;
    }
}

4. 在SuggestionChosen事件中获取关联ID #

当用户选中某个建议项时，直接从选中的模型对象中取出ID，同时设置控件的显示文本：

private void TxtRegNumber_OnSuggestionChosen(AutoSuggestBox sender, AutoSuggestBoxSuggestionChosenEventArgs args)
{
    var selectedItem = args.SelectedItem as RegNumberItem;
    if (selectedItem != null)
    {
        // 获取后台需要的ID值，进行后续业务处理
        int selectedId = selectedItem.Id;
        // 设置AutoSuggestBox的显示文本为选中项的友好文本
        sender.Text = selectedItem.DisplayText;
    }
}

额外优化：结合MVVM模式（可选） #

如果你的项目采用MVVM架构，还可以把AutoSuggestBox的SelectedItem绑定到ViewModel的属性上，这样就不需要在代码后台处理事件，实现更解耦的开发：

<AutoSuggestBox SelectedItem="{Binding SelectedRegNumberItem}" ... />

在ViewModel中：

private RegNumberItem _selectedRegNumberItem;
public RegNumberItem SelectedRegNumberItem
{
    get => _selectedRegNumberItem;
    set
    {
        _selectedRegNumberItem = value;
        OnPropertyChanged();
        // 这里可以直接访问value.Id做后续处理
    }
}

这样就完美实现了你需要的功能——界面显示友好文本，后台能轻松获取对应的关联ID。

内容的提问来源于stack exchange，提问作者stevenbam