如何在 asp.net mvc 中的表中創建一個計數器

Question

你好，下午好。 我在 Razor ASP.NET 中創建一個視圖 6. 我發現自己創建了一個表，我想做的是在 N° 列中添加一個計數器，對於它創建的每一行，我添加 1,2,3,4,5等。嘗試用 for、foreach 來做，但它返回的是我不感興趣的東西，或者它返回行的總值。 而我需要的是加 1。我將留下一個示例圖像。 如果有人能幫助我，我將不勝感激。 謝謝。

@model Taller.Model.Entities.Remito
@{
var counter = @Model.RemitoDetalle.Count();
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>

  </head>
 <body
style="height: 297mm; width: 210mm; margin-left: auto; margin-right: auto"
 >

  <!-- Tabla -->
  <div class="table">
    <table style="width: 100%">
      <tr>
        <th style="text-align: left">N°</th>
        <th>Detalle</th>
        <th style="text-align: left">Cantidad</th>
        <th style="text-align: left">Alto</th>
        <th style="text-align: left">Ancho</th>
      </tr>
      <tbody>
           @foreach (var item in Model.RemitoDetalle)
            {
        <tr>
            @for (var i = 1; i < counter; i++)
           {
               <td>@i</td>
           }
          <td>@Html.DisplayFor(modelItem => item.PresupuestoDetalle.Descripcion) 
          </td>
          <td>@Html.DisplayFor(modelItem => item.PresupuestoDetalle.Cantidad)</td>
          <td>@Html.DisplayFor(modelItem => item.PresupuestoDetalle.Alto)</td>
          <td>@Html.DisplayFor(modelItem => item.PresupuestoDetalle.Ancho)</td>
        </tr>
            }
      </tbody>
    </table>
  </div>

Answer 1

您將遍歷每一行的計數器的所有可能值。 您應該每行只增加一次，如下所示：

<tbody>
   @int i = 0;
   @foreach (var item in Model.RemitoDetalle)
    {
        i++;
        <tr>
          <td>@i</td>
          <td>@Html.DisplayFor(modelItem => item.PresupuestoDetalle.Descripcion) 
          </td>
          <td>@Html.DisplayFor(modelItem => item.PresupuestoDetalle.Cantidad)</td>
          <td>@Html.DisplayFor(modelItem => item.PresupuestoDetalle.Alto)</td>
          <td>@Html.DisplayFor(modelItem => item.PresupuestoDetalle.Ancho)</td>
        </tr>
    }
</tbody>

Answer 2

嘗試這個：

<tbody>
    @for (var i = 0; i < Model.RemitoDetalle.Count(); i++)
    {
        <tr>
            <td>@i</td>
            <td>
                @Html.DisplayFor(model => model.RemitoDetalle[i].PresupuestoDetalle.Descripcion)
            </td>
            <td>@Html.DisplayFor(model => model.RemitoDetalle[i].PresupuestoDetalle.Cantidad)</td>
            <td>@Html.DisplayFor(model => model.RemitoDetalle[i].PresupuestoDetalle.Alto)</td>
            <td>@Html.DisplayFor(model => model.RemitoDetalle[i].PresupuestoDetalle.Ancho)</td>
        </tr>
    }
</tbody>

Answer 3

代替

@for (var i = 1; i < counter; i++)
{
    <td>@i</td>
}    

經過

<td>@(++counter)</td>

在使用它之前，在視圖或其他代碼行的開頭：

@{
    var counter = 0;
}