WPF MaterialDesignInXaml ComboBox清除按钮点击无效问题

• materialDesign:TextFieldAssist.HasClearButton 提供的清除按钮，默认仅为TextBox、PasswordBox这类文本输入控件内置了处理逻辑：点击后直接清空控件的Text属性。ComboBox属于选择类控件，默认未开启编辑状态时，内置清除逻辑既不会主动修改SelectedItem属性，也无法对只读状态下的Text属性赋值，因此点击按钮后没有任何响应，也不会抛出异常。
• 该现象不属于配置遗漏，是MaterialDesignInXaml工具包的默认设计：清除按钮不会自动为选择类控件附加选中项清空逻辑，需要手动绑定清除行为。

结合你使用ReactiveUI的开发模式，按两步修改即可：

1. 在FilterViewModel中新增清除选中项的响应式命令，命令执行时将选中项置空：

public class FilterViewModel : ReactiveObject
{
    public ObservableCollection<string> Options { get; set; } = new();

    public ReactiveCommand<Unit, Unit> ClearSelectionCommand { get; }

    public string Name
    {
        get => _name;
        set => this.RaiseAndSetIfChanged(ref _name, value);
    }

    public string SelectedOption
    {
        get => _selectedOption;
        set => this.RaiseAndSetIfChanged(ref _selectedOption, value);
    }

    public FilterViewModel()
    {
        ClearSelectionCommand = ReactiveCommand.Create(() =>
        {
            SelectedOption = null;
        });
    }

    private string _selectedOption;
    private string _name;
}

2. 修改XAML中ComboBox的属性，将清除按钮的触发命令绑定到上一步新增的命令：

<ComboBox
    Margin="6,0,6,12"
    materialDesign:HintAssist.HelperText="{Binding Name}"
    materialDesign:HintAssist.Hint="{Binding Name}"
    materialDesign:TextFieldAssist.HasClearButton="True"
    materialDesign:TextFieldAssist.ClearTextCommand="{Binding ClearSelectionCommand}"
    ItemsSource="{Binding Options}"
    SelectedItem="{Binding SelectedOption}" />

• 补充说明：如果需要ComboBox支持手动输入文本，可以额外加上IsEditable="True"属性，清除按钮的功能不会受影响；如果仅需要下拉选择功能，不加该属性也可以正常触发清除命令。
• 注意：如果后续SelectedOption绑定的是值类型（如int、枚举等），需要将属性类型声明为可空类型（如int?），否则置空操作会失效。

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