Razor Pages .Net Core - 将 ID 从表行传递到模式弹出窗口

Question

我是 Razor 页面的新手，所以请耐心等待。我的页面上有一个表格，填充如下：

单击最后一列将打开一个模式弹出窗口：

其中有一个用于删除所选行的按钮。然而，我似乎无法弄清楚如何将所选行的 ID 从表传递到DeleteSeasonTrip()javascript 函数，在该函数中我发布 Ajax 调用来删除所选行。

我认为我也许能够在行单击上填充隐藏字段并从那里获取它，但想知道是否有更好的解决方案。

Answer 1

首先在打开模型的按钮上添加 css 类“itemfieldId”和 id，如图所示

<a  id="@item.ID" class="itemfieldId" data-toggle="model" data- 
 target="#deleteSeasonModel">Delete</a>

然后在模态弹出窗口中添加隐藏字段

    <input type="hidden" id="hdnselectedfieldId" /> 

添加脚本

    $(".itemfieldId").on("click", function ()
    {
        $("#hdnselectedfieldId").val($(this).attr('id'));
    })

现在您可以在隐藏字段中发送 itemid

    DeleteSeasonTrip()
    {
        var itemId = $("#hdnselectedfieldId").val();
    }