UWP可编辑ComboBox问题：下拉展开时输入内容点击外部未保存

问题原因 #

UWP的可编辑ComboBox在下拉列表展开状态下，输入框内容不会自动同步到控件的Text或SelectedItem属性。点击外部关闭下拉时，控件会默认回滚到之前的选中状态，导致输入值丢失。

解决方法 #

通过监听DropDownClosed事件，手动将内部输入框的值同步到ComboBox的Text属性，即可实现点击外部时保存输入值的需求。

步骤1：XAML定义ComboBox

<ComboBox x:Name="EditableComboBox" 
          IsEditable="True" 
          DropDownClosed="EditableComboBox_DropDownClosed">
    <x:String>1</x:String>
    <x:String>2</x:String>
    <x:String>3</x:String>
    <x:String>4</x:String>
    <x:String>5</x:String>
</ComboBox>

步骤2：实现DropDownClosed事件处理

在后台代码中添加事件逻辑，获取内部的TextBox并同步值：

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

    var innerTextBox = comboBox.FindDescendant<TextBox>();
    if (innerTextBox != null && !string.Equals(comboBox.Text, innerTextBox.Text))
    {
        comboBox.Text = innerTextBox.Text;
    }
}

步骤3：添加VisualTreeHelper扩展方法

需要实现一个扩展方法来查找ComboBox内部的TextBox控件：

using Windows.UI.Xaml;
using Windows.UI.Xaml.Media;

public static class VisualTreeHelperExtensions
{
    public static T FindDescendant<T>(this DependencyObject obj) where T : DependencyObject
    {
        if (obj is T target)
            return target;

        int childCount = VisualTreeHelper.GetChildrenCount(obj);
        for (int i = 0; i < childCount; i++)
        {
            var child = VisualTreeHelper.GetChild(obj, i);
            var result = child.FindDescendant<T>();
            if (result != null)
                return result;
        }

        return null;
    }
}

效果说明 #

通过上述处理，无论ComboBox的下拉列表是否展开，用户输入值后点击控件外部，输入的内容都会被保存到ComboBox.Text属性中，与下拉未展开时的行为保持一致，无需额外操作。

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