我怎样才能创建一个 Window 在那里我可以问 "Are you sure, that you want to delete this Item."

Question

我有一个 Razor 页面，其中显示了一些帐户。如果管理员试图删除用户，我会尝试提交 window。我尝试的是制作一个额外的方法来显示 window。但是我不知道我应该如何制作一个显示，如果管理员试图删除一个项目，它就会被创建。

HTML部分

@foreach (var user in users)
{
                                <tr>
                                        <td>@user.FirstName</td>
                                        <td>@user.LastName</td>
                                        <td>@user.Email</td>
                                        <td>@user.UserName</td>
                                        <td>
                                            <button class="btn btn-danger" @onclick="(() => DeleteUser(user.Id))">✘</button>
                                        </td>
                                    </tr>
                                }

C# 方法

    private async Task DeleteUser(string id)
        {
            responseMessages.Clear();
            var response = await Http.DeleteAsync($"{ServiceEndpoint}/User/{id}");
            if (response.IsSuccessStatusCode == true)
            {
                success = true;
                await GetAdminForeignKeys();
            }
            else
            {
                success = false;
                string responseMessage = await response.Content.ReadAsStringAsync();
                int startIndex;
                int endIndex;
                startIndex = responseMessage.IndexOf("\"errors\":");
                responseMessage = responseMessage.Substring(startIndex, responseMessage.Length - startIndex);
                while (responseMessage.IndexOf("[") != -1)
                {
                    startIndex = responseMessage.IndexOf("[") + 2;
                    responseMessage = responseMessage.Substring(startIndex, responseMessage.Length - startIndex);
                    endIndex = responseMessage.IndexOf("]") - 1;
                    responseMessages.Add(responseMessage.Substring(0, endIndex));
                }
            }
        }

Something like this should be visible before the User gets deleted

我不想制作额外的页面并使用 IFrame 来完成。那么有人知道我该怎么做吗？我想要尽可能少的代码。顺便说一下，它是 Dotnet Framework Core，版本 5.0.11。感谢您的帮助！ :=)

My Frontend right now

Answer 1

你有三个选择

1. 创建一个 javascript 函数并在其中使用 confirm javascript 函数和 invoke it from C# 然后使用从 javascrript 到 C#
的结果调用回调函数
2. 创建一个 Html 模态（由 bootstrap 开发的 somthing like this）
3. 使用现有的 blazor third-party 组件，例如 blazorise