C#如何通过单击按钮从表中删除当前行

Question

I am trying to remove a table row from the table:

<tbody>
    @foreach (var task in Model)
    {
        <tr>

                <td>
                    @task.time
                </td>
                <td>
                    @task.descripiton
                </td>
                <td>
                    @task.duedo
                </td>
                <td>
                    <form action="@Url.Action("Remove")" method="POST"><input type="submit" value="Delete" /></form>
                </td>
        </tr>

    }
</tbody>

How could I send the index of the row to the controller?

public ActionResult Remove()
{
   Task.RemoveAt();
   return RedirectToAction("Index");
}

The row where I pressed the button would get removed.

Answer 1

Change view code to:

<tbody>
@{
    var idx = 0;
    foreach (var task in Model)
    {
        <tr>
            <td>
                @task.time
            </td>
            <td>
                @task.descripiton
            </td>
            <td>
                @task.duedo
            </td>
            <td>
                <form action="@Url.Action("Remove", "YourControllerName", new { id = idx++ })" method="POST">
                    <input type="submit" value="Delete" />
                </form>
            </td>
        </tr>
    }
}
</tbody>

Then, change Remove method to:

public ActionResult Remove(int id)
{
    Task.RemoveAt(id);
    return RedirectToAction("Index");
}