如何在 razor 中选择表格行并从中获取数据？答案

【问题标题】：How do I select a table row and grab data from it in razor?如何在 razor 中选择表格行并从中获取数据？
【发布时间】：2021-09-23 15:14:48
【问题描述】：

我是编码新手，如果这很简单，请提前道歉。

我有一个通过 foreach 循环填充的表，它遍历我的模型类型列表，其中包含我的所有属性。这就是我的表体的外观：

<tbody>
@foreach (var row in Model.myModel)
{
    <tr>
        <td>@row.Year</td>
        <td>@row.ID</td>
        <td>@row.User</td>
     </tr>
}
</tbody>

有一种方法我想做到这一点，但我不知道怎么做。我希望能够单击该行并返回索引号，这样我就可以直接从列表中直接从列表中获取值。有没有办法做到这一点？还是我应该用另一种方式来解决这个问题？

顺便说一句，我正在开发一个 asp.net 核心 Web 应用程序。这是在我的 Index.cshtml 文件中，到目前为止，我的 Index.cshtml.cs 文件中只有一些代码可以将数据从 sql server 获取到我用来填充此表的列表中。

【问题讨论】：

您是否考虑过为此使用 javascript 或 jquery？
您的意思是您想在不循环列表的情况下获取索引值吗？您能否清楚地解释您要达到的目标？
@SRK45 我可以在剃须刀页面中使用 JS 吗？我认为剃须刀页面的重点是使用 c# 来处理控制器/ cshtml 文件中的所有内容。我以前从未使用过这种类型的东西，所以我不确定。
@Md Farid Uddin Kiron，我希望能够单击表格并检索表格中行的索引。我想这样做，这样我就可以从填充它的列表中提取所有数据。我现在正在考虑的是将数字序列（行号）作为另一列，并在点击时返回 thag 值。在那之后，我必须弄清楚剃刀页面中的方法是如何工作的，哈哈
如果用户想要更新订单价值，最好将editable行设为行，他们会点击update button并输入他们的order quantity，然后需要在数据库中更新最新的价值。

标签： c# asp.net-core razor-pages

【解决方案1】：

你可以试试这个：

<tbody>
    @foreach (var row in myModel)
    {
        <tr @onclick="@(() => Edit(@row.ID))">
            <td>@row.Year</td>
            <td>@row.ID</td>
            <td>@row.User</td>
        </tr>
    }
</tbody>

并在下面添加：

@code {
  private List<Model> myModel = new List<Model>();

  private void Edit(int ID)
  {
      Console.WriteLine("You clicked" + ID);
  }
}

【讨论】：