MVVM模式下获取可编辑ComboBox的文本与选中项（双场景需求）

嘿，我帮你梳理下这个ComboBox的需求实现方案，刚好这两个场景都是WPF里常见的需求，咱们一步步来搞定：

首先得把ComboBox设置为可编辑状态，核心是开启IsEditable="True"，然后针对两个业务场景分别处理：

场景1：失焦（按下Tab键）时添加输入内容到ItemsSource #

这里的关键是在输入框失去焦点时捕获输入文本，并将其添加到下拉列表中，同时要避免重复添加。

方式1：后台代码事件处理 #

适合简单的代码逻辑，直接给ComboBox绑定LostFocus事件：

<ComboBox x:Name="MyEditableComboBox"
          Width="200" Height="30"
          IsEditable="True"
          IsTextSearchEnabled="True"
          ItemsSource="{Binding MyItemList}"
          SelectedItem="{Binding SelectedItem}"
          LostFocus="MyEditableComboBox_LostFocus"/>

后台代码实现：

private void MyEditableComboBox_LostFocus(object sender, RoutedEventArgs e)
{
    var comboBox = sender as ComboBox;
    if (comboBox == null) return;

    var inputText = comboBox.Text.Trim();
    // 检查文本非空且未在列表中存在
    if (!string.IsNullOrEmpty(inputText) && !comboBox.Items.Contains(inputText))
    {
        // 注意ItemsSource最好用ObservableCollection，这样添加后UI自动更新
        (comboBox.ItemsSource as ObservableCollection<string>).Add(inputText);
        // 可选：自动选中刚添加的项
        comboBox.SelectedItem = inputText;
    }
}

方式2：MVVM模式（无后台代码） #

如果用MVVM架构，可以通过绑定Text属性并设置UpdateSourceTrigger=LostFocus，在ViewModel的属性setter里处理添加逻辑：

<ComboBox Width="200" Height="30"
          IsEditable="True"
          IsTextSearchEnabled="True"
          ItemsSource="{Binding MyItemList}"
          SelectedItem="{Binding SelectedItem, UpdateSourceTrigger=PropertyChanged}"
          Text="{Binding InputText, UpdateSourceTrigger=LostFocus}"/>

ViewModel代码：

public class MyViewModel : ObservableObject
{
    // 下拉列表数据源，必须用ObservableCollection才能自动更新UI
    public ObservableCollection<string> MyItemList { get; } = new ObservableCollection<string>
    {
        "初始项1", "初始项2", "初始项3"
    };

    private string _inputText;
    public string InputText
    {
        get => _inputText;
        set
        {
            if (SetProperty(ref _inputText, value?.Trim()))
            {
                // 失焦时触发此逻辑
                if (!string.IsNullOrEmpty(value) && !MyItemList.Contains(value))
                {
                    MyItemList.Add(value);
                    // 自动选中新增项
                    SelectedItem = value;
                }
            }
        }
    }
}

场景2：选中下拉项时立即响应（类似PropertyChanged） #

这个需求很简单，只需要给SelectedItem的绑定设置UpdateSourceTrigger=PropertyChanged，这样选中项变化时会立即通知ViewModel，而不是等ComboBox失焦才触发：

ViewModel中实现选中项的响应逻辑：

private string _selectedItem;
public string SelectedItem
{
    get => _selectedItem;
    set
    {
        if (SetProperty(ref _selectedItem, value))
        {
            // 这里就是选中项变化时的立即处理逻辑
            HandleSelectedItemChanged(value);
        }
    }
}

private void HandleSelectedItemChanged(string selectedValue)
{
    // 执行你的业务操作，比如打印日志、调用接口等
    Debug.WriteLine($"已选中：{selectedValue}");
}

必备基类ObservableObject #

上面的ViewModel用到的ObservableObject是实现了INotifyPropertyChanged的通用基类，代码如下：

public class ObservableObject : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual bool SetProperty<T>(ref T field, T value, [CallerMemberName] string propertyName = null)
    {
        if (EqualityComparer<T>.Default.Equals(field, value)) return false;
        field = value;
        OnPropertyChanged(propertyName);
        return true;
    }

    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

• 一定要用**ObservableCollection**作为ItemsSource，否则添加新项后UI不会自动更新；
• 添加前要检查输入文本是否已存在，避免列表出现重复项；
• 如果是自定义实体类而非字符串，需要重写Equals方法或自定义IEqualityComparer来判断项是否重复。

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