Asp.net core 在Razor页面上删除DevExtreme数据网格中的行之前，如何显示删除确认对话框？

我正在Asp.NetCore web应用程序中使用DevExtreme和razor页面。 我想在删除行时插入客户端删除确认对话框。 目前，我正在控制器上使用asp操作进行删除调用

我不确定在客户端（cshtml文件）中如何/在何处执行此操作。 我假设我会以某种方式使用javascript/jquery来实现这一点？ 是否存在我应该用于客户端对话框/消息框的现有第三方开源库

cshtml文件中的DevExtreme数据网格定义。

@(Html.DevExtreme().DataGrid<Customer>()
    .DataSource(Model)
    .Columns(columns => {
        columns.AddFor(m => m.CustomerName);
        columns.AddFor(m => m.CustomerId).CellTemplate(
                <form asp-action="DeleteCustomer" method="post">
                    <input type="hidden" value="<%- data.CustomerId %>" name="CustomerId" />
                    <input type="image" src="/icon/close.png" />
                </form>
                </text>).Caption("");
    });

@（Html.DevExtreme（）.DataGrid（））
.数据源（模型）
.列（列=>{
columns.AddFor（m=>m.CustomerName）；
columns.AddFor（m=>m.CustomerId）.CellTemplate(
).标题（“”）；
});

服务器端控制操作代码：

[HttpPost]
public async Task<IActionResult> DeleteCustomer(Guid customerId)
{
    // Call WebApi Service to delete row
    return RedirectToAction("Index");
}

[HttpPost]
公共异步任务DeleteCustomer（Guid customerId）
{
//调用WebApi服务以删除行
返回操作（“索引”）；
}

我相信datagrid有一个内置的功能来确认客户端的删除操作。这可能不是您想要的，但可能是一个好的开始

以下是演示页面的链接：