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();
    }