Telerik RadComboBox快速输入时文本丢失问题求助

问题描述 #

使用Telerik RadComboBox控件（支持文本过滤）时，快速输入文本会出现部分字符丢失的情况（丢失数量不固定），慢速输入则正常。例如快速输入“Bob the robot”后，过滤文本可能变为“the robot”“bot”或“ob the robot”。

相关代码 #

XAML代码 #

<telerik:RadComboBox 
        x:Name="Items"                 
             CanAutocompleteSelectItems="True"
             IsTextSearchEnabled="True"
             IsEditable="True"
             DisplayMemberPath="NameAndFullAddress"
             IsTabStop="False"
             TextSearchMode="Contains"
             IsTextSearchCaseSensitive="False"
             AllowMultipleSelection="False"
             OpenDropDownOnFocus="True"
             SelectionChanged="Items_OnSelectionChanged"
    >

C#代码 #

private void Items_OnSelectionChanged(object sender, SelectionChangedEventArgs e)
{
    var newItem = e.AddedItems.Count > 0 ? e.AddedItems[0] as NameInformation : null;

    if (newItem?.NameID != ViewModel?.SelectedItemVm?.Item?.NameID)
    {
        if (newItem != null)
        {
            ViewModel?.SetSelected(newItem.NameID);
        }
    }
}

public IObservable<Unit> SetSelected(Guid nameId)
{
    var completedUnit = new Subject<Unit>();

    _collectionSourceVm
        .GetLocation(nameId)
        .ObserveOn(Scheduler)
        .Subscribe(x =>
        {
            var selectedItemVm = _itemFactory.Create(x, this);
            _selectedItemVm.OnNext(selectedItemVm);
            _items.OnNext(!Items.Contains(selectedItemVm)?new[] {selectedItemVm}.Concat(Items).ToList():Items);
            completedUnit.OnNext(Unit.Default);
        });

    return completedUnit;
}

问题根源分析 #

1. 自动选择与文本输入冲突：CanAutocompleteSelectItems="True"会让控件在输入时自动匹配并选中项，快速输入时，控件的自动选择逻辑会频繁触发SelectionChanged事件，导致文本被选中项的显示文本覆盖或重置。
2. 异步更新干扰控件状态：SetSelected方法中异步获取数据后更新_items集合，这个操作会触发ComboBox的数据源刷新，打断正在进行的文本输入，导致输入的字符丢失。
3. SelectionChanged事件触发时机不当：文本过滤过程中，控件内部的项选择变化也会触发SelectionChanged，此时执行的数据源更新会干扰用户的输入流程。

解决方案 #

1. 关闭自动选择功能 #

将CanAutocompleteSelectItems设为False，避免自动选择逻辑干扰文本输入：

CanAutocompleteSelectItems="False"

2. 限制SelectionChanged事件的执行条件 #

只有当用户手动选择项（而非文本过滤触发的选择）时，才执行SetSelected：

private void Items_OnSelectionChanged(object sender, SelectionChangedEventArgs e)
{
    var comboBox = sender as RadComboBox;
    // 仅当控件下拉框打开或非编辑状态时执行，避免文本输入时触发
    if (comboBox?.IsDropDownOpen == true || !comboBox.IsEditable)
    {
        var newItem = e.AddedItems.Count > 0 ? e.AddedItems[0] as NameInformation : null;
        if (newItem?.NameID != ViewModel?.SelectedItemVm?.Item?.NameID && newItem != null)
        {
            ViewModel?.SetSelected(newItem.NameID);
        }
    }
}

3. 避免异步更新干扰输入状态 #

在SetSelected的异步回调中，先判断ComboBox是否处于编辑状态，若正在输入则跳过集合更新：

public IObservable<Unit> SetSelected(Guid nameId)
{
    var completedUnit = new Subject<Unit>();

    _collectionSourceVm
        .GetLocation(nameId)
        .ObserveOn(Scheduler)
        .Subscribe(x =>
        {
            var selectedItemVm = _itemFactory.Create(x, this);
            _selectedItemVm.OnNext(selectedItemVm);
            
            // 检查控件是否处于编辑状态，避免干扰输入
            if (!Items.IsEditable || !Items.IsKeyboardFocused)
            {
                _items.OnNext(!Items.Contains(selectedItemVm) ? new[] { selectedItemVm }.Concat(Items).ToList() : Items);
            }
            
            completedUnit.OnNext(Unit.Default);
        });

    return completedUnit;
}

4. 自定义文本过滤逻辑（可选） #

如果内置的文本搜索逻辑和自定义流程冲突，可以关闭IsTextSearchEnabled，自己处理文本过滤：

IsTextSearchEnabled="False"

然后通过绑定Text属性，在ViewModel中监听文本变化，手动过滤数据源。

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