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

Question

我是 Razor 页面的新手，所以请多多包涵。我有一个 table 在我的页面上填充如下：

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

其中有一个用于删除所选行的按钮。但是，我似乎无法弄清楚如何将所选行的 ID 从 table 传递到 DeleteSeasonTrip() javascript 函数，其中我 post 一个 Ajax调用以删除所选行。

我想我也许可以在行点击上填充一个隐藏字段并从那里获取它，但想知道是否会有更好的解决方案。

Answer 1

首先在打开模型的按钮上添加 css class "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();
    }

Razor Pages .Net Core - Passing ID from a table row to a modal popup