MudBlazor：点击OK按钮时如何阻止MudDialog弹窗关闭

阻止点击OK按钮后关闭弹窗 #

你当前写的await dialog.Result之后再阻止关闭的逻辑是无效的，因为执行到这一步时弹窗已经触发了关闭流程，正确的做法是将关闭控制权放到MyDialog内部自行控制：

1. 不要给确认按钮绑定默认的MudDialog.Close()逻辑，执行完你的操作后再手动触发关闭
2. 可以搭配OnClosing回调拦截所有关闭请求，避免操作过程中用户点击右上角叉、按ESC键导致弹窗关闭

示例代码（MyDialog.razor） #

<MudDialog OnClosing="BlockCloseWhenProcessing">
    <DialogContent>
        <!-- 弹窗内容 -->
    </DialogContent>
    <DialogActions>
        <MudButton OnClick="() => MudDialog.Cancel()">取消</MudButton>
        <MudButton OnClick="HandleConfirm" Loading="@_isProcessing">确认</MudButton>
    </DialogActions>
</MudDialog>

@code {
    [CascadingParameter] private MudDialogInstance MudDialog { get; set; }
    private bool _isProcessing;

    private async Task HandleConfirm()
    {
        _isProcessing = true;
        try
        {
            // 执行你的耗时操作
            await Task.Delay(3000);
            // 操作完成后再关闭弹窗
            MudDialog.Close(DialogResult.Ok(true));
        }
        catch
        {
            // 操作失败时不关闭弹窗，保持当前状态
        }
        finally
        {
            _isProcessing = false;
        }
    }

    private Task BlockCloseWhenProcessing(DialogClosingEventArgs args)
    {
        // 操作过程中拦截所有关闭请求
        if (_isProcessing) args.Cancel = true;
        return Task.CompletedTask;
    }
}

MyDialog事件注册问题 #

有两种方案可以实现和MyDialog实例的交互，不需要直接拿到实例也可以完成事件绑定：

方案1：通过DialogParameters传递回调（兼容性最好） #

调用弹窗时把父组件的处理逻辑作为参数传入MyDialog，点击确认时直接触发回调即可：

调用方代码

private async Task OpenMyDialogAsync()
{
    var parameters = new DialogParameters
    {
        // 传入父组件的处理方法作为回调
        [nameof(MyDialog.OnConfirmTriggered)] = ProcessConfirmAction
    };
    var dialog = DialogService.Show<MyDialog>("My Dialog", parameters);
    var result = await dialog.Result;
}

// 父组件的业务逻辑
private async Task ProcessConfirmAction()
{
    // 执行你需要的操作
    await Task.Delay(2000);
}

MyDialog新增参数定义

[Parameter] public Func<Task> OnConfirmTriggered { get; set; }

点击确认时调用await OnConfirmTriggered?.Invoke()即可触发父组件的逻辑。

方案2：直接获取MyDialog实例（适合MudBlazor 6.0+版本） #

高版本MudBlazor的DialogReference提供了获取组件实例的方法，你可以直接拿到MyDialog的实例绑定事件：

private async Task OpenMyDialogAsync()
{
    var dialog = DialogService.Show<MyDialog>("My Dialog");
    // 获取MyDialog实例
    var dialogInstance = await dialog.GetComponentAsync<MyDialog>();
    // 绑定实例事件
    dialogInstance.SomeCustomEvent += YourEventHandler;

    var result = await dialog.Result;
}

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