时间戳

首页 > 解决方案 > Razor Pages .Net Core - 将 ID 从表格行传递到模式弹出窗口

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

问题描述

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

在此处输入图像描述

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

在此处输入图像描述

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

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

标签： asp.net-coremodal-dialograzor-pages

解决方案

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

推荐阅读