如何在自定义的ASP.NET Core Razor Pages可编辑网格中发布行ID？

Question

我已经尝试了几种方法，并且由于我是ASP.NET核心的新手，因此我被阻止了。有人可以帮我吗？这一定是微不足道的，但我在谷歌搜索了很多东西，但找不到合适的方法。我不想使用jQuery或任何其他JavaScript库。

这是相关代码：

<form method="post">
<table>
    <thead>
        <tr>
            <th>
                Text 1
            </th>
            <th>
                Text 2
            </th>
            <th>
                Text 3
            </th>
        </tr>
    </thead>
    <tbody>
        @foreach(var item in Model.GridRows)
        {
            <tr>
                <td>
                    <input type="hidden" asp-for="@item.Id" />
                </td>
                <td>
                    @Html.EditorFor(modelItem => item.Text1)
                </td>
                <td>
                    @Html.EditorFor(modelItem => item.Text2)
                </td>
                <td>
                    @Html.EditorFor(modelItem => item.Text3)
                </td>
                <td>
                   <input type="submit" value="Save" class="btn btn-primary"/>
                </td>
            </tr>
         }
      </tbody>  
 </table>          
 </form>

    public async Task<IActionResult> OnPostAsync(int id)
    {
        if (!ModelState.IsValid)
        {
            return Page();
        }

        var gridRowUpdate = await _context.GridRows.FindAsync(id);

        if (gridRowUpdate == null)
        {
            return NotFound();
        }

        if(await TryUpdateModelAsync<GridRow>(gridRowUpdate, "GridRow", g => g.Text1, g => g.Text2, g => g.Text3))
        {
            await _context.SaveChangesAsync();
        }
        
        return RedirectToPage("./Index");
    }

Answer 1

如果要单击每个保存按钮以发送该行的ID，则可以在不用任何jQuery或任何其他JavaScript库的情况下关注以下简单演示。

<table>
        <thead>
            <tr>
                <th>
                    Text 1
                </th>
                <th>
                    Text 2
                </th>
                <th>
                    Text 3
                </th>
            </tr>
        </thead>
        <tbody>
        
        @foreach(var item in Model.test)
        {
            <form method="post" >
            <tr>
                <td>
                    <input type="hidden" name="Id" value="@item.Id" />
                </td>
                <td>
                    @Html.EditorFor(modelItem => item.Text1)
                </td>
                <td>
                    @Html.EditorFor(modelItem => item.Text2)
                </td>
                <td>
                    @Html.EditorFor(modelItem => item.Text3)
                </td>
                <td>
                   <input type="submit" value="Save" class="btn btn-primary"/>
                </td>
            </tr>
            </form>
         }
          
      </tbody>  
 </table>