MudAutocomplete打开二级对话框后下拉列表未隐藏的问题求助

核心解决方案：手动控制MudAutoComplete的展开状态 #

通过绑定IsOpen参数，在打开第二个Dialog前主动将下拉列表收起，具体步骤如下：

1. 在组件中定义布尔变量用于控制下拉状态：

private bool _autoCompleteIsOpen;

2. 将变量绑定到MudAutoComplete的IsOpen属性：

<MudAutoComplete 
    T="YourItemType"
    @bind-IsOpen="_autoCompleteIsOpen"
    // 其他必要属性如Placeholder、SearchFunc等
>
    <AfterItemsTemplate>
        <MudButton OnClick="HandleOpenAddDialog" Variant="Variant.Outlined">添加新项</MudButton>
    </AfterItemsTemplate>
</MudAutoComplete>

3. 在打开第二个Dialog的方法中，先收起下拉并强制更新UI：

private async Task HandleOpenAddDialog()
{
    // 主动收起AutoComplete下拉列表
    _autoCompleteIsOpen = false;
    // 强制触发UI更新，确保下拉列表及时隐藏
    StateHasChanged();

    // 打开第二个Dialog
    var dialogParams = new DialogParameters();
    // 根据业务需求设置Dialog参数
    var dialog = await DialogService.ShowAsync<YourAddItemDialog>("添加新项", dialogParams);
    var result = await dialog.Result;

    // 可选：处理Dialog返回结果，比如添加新项后更新AutoComplete的数据源
    if (!result.Cancelled)
    {
        // 此处添加更新数据源的逻辑
    }
}

方案说明 #

MudAutoComplete的下拉列表默认不会在打开新模态框时自动收起，这是因为模态框的层级事件无法触发AutoComplete的外部点击关闭逻辑。通过手动控制IsOpen参数，我们可以直接干预下拉状态，既避免它覆盖新打开的Dialog，也能防止重复点击添加按钮打开多个Dialog。

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