在 2 个控制器 ASP.NET Core 3.1 MVC 之间传递 ID

Question

我是编程新手，需要您的帮助。我正在尝试创建一个简单的测试应用程序（ASP.NET Core 3.1 MVC + EF）。我创建了 2 个模型（事件、注册）。目标是通过单击Events/Index 页面中的“注册”按钮打开带有选定EventId 的注册创建表单页面。我应该如何将EventId 传递给EnrollmentsController？我尝试使用带有隐藏输入的表单在Events/Index 页面中传递EventId，但我仍然不知道如何在EnrollmentsController 中正确处理EventId。

注意：我不想在Enrollment 的Create 方法和视图中使用SelectList。

如果有任何帮助，我将不胜感激。谢谢！

更新：感谢@PanagiotisKanavos，我终于在 URL 中获得了 EventId，但它仍然没有输入到表单输入中。有“0”。有什么问题？

型号

public class Event
  {
    public int EventId { get; set; }

    public string Name { get; set; }

    [DataType(DataType.Date)]
    public DateTime Date { get; set; }
  }

public class Enrollment
  {
    public int EnrollmentId { get; set; }

    public int EventId { get; set; }
    public Event Event { get; set; }

    [Display(Name ="First name")]
    public string FirstName { get; set; }

    [Display(Name = "Last name")]
    public string LastName { get; set; }

    [Display(Name ="Enrollment date")]
    [DataType(DataType.DateTime)]
    public DateTime EnrollmentDate { get; set; }
  }

Events/Index查看

    @model IEnumerable<FormTest.Models.Event>

@{
  ViewData["Title"] = "Index";
}

<h1>Index</h1>

<p>
  <a asp-action="Create">Create New</a>
</p>
<table class="table">
  <thead>
    <tr>
      <th>
        @Html.DisplayNameFor(model => model.Name)
      </th>
      <th>
        @Html.DisplayNameFor(model => model.Date)
      </th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    @foreach (var item in Model)
    {
      <tr>
        <td>
          @Html.DisplayFor(modelItem => item.Name)
        </td>
        <td>
          @Html.DisplayFor(modelItem => item.Date)
        </td>
        <td>
          <a asp-action="Create" asp-controller="Enrollments" asp-route-id="@item.EventId" class="btn btn-primary">Enroll</a>
        </td>
      </tr>
    }
  </tbody>
</table>

Enrollments/Create查看

@model FormTest.Models.Enrollment

@{
  ViewData["Title"] = "Create";
}

<h1>Create</h1>

<h4>Enrollment</h4>
<hr />
<div class="row">
  <div class="col-md-4">
    <form asp-action="Create">
      <div asp-validation-summary="ModelOnly" class="text-danger"></div>
      <div class="form-group">
        <label asp-for="EventId" class="control-label"></label>
        <input class="form-control" asp-for="EventId" name="EventId" />
      </div>
      <div class="form-group">
        <label asp-for="FirstName" class="control-label"></label>
        <input asp-for="FirstName" class="form-control" />
        <span asp-validation-for="FirstName" class="text-danger"></span>
      </div>
      <div class="form-group">
        <label asp-for="LastName" class="control-label"></label>
        <input asp-for="LastName" class="form-control" />
        <span asp-validation-for="LastName" class="text-danger"></span>
      </div>
      <div class="form-group">
        <label asp-for="EnrollmentDate" class="control-label"></label>
        <input asp-for="EnrollmentDate" class="form-control" />
        <span asp-validation-for="EnrollmentDate" class="text-danger"></span>
      </div>
      <div class="form-group">
        <input type="submit" value="Create" class="btn btn-primary" />
      </div>
    </form>
  </div>
</div>

EnrollmentsController创建方法

// GET: Enrollments/Create
    public IActionResult Create(int eventId)
    {
      var newEnrollment = new Enrollment
      {
        EventId = eventId,
        FirstName = "John",
        LastName = "Doe",
        EnrollmentDate = DateTime.UtcNow
      };

      return View(newEnrollment);
    }

这是屏幕：

Answer 1

最简单的选择是不使用表单，而是使用 Enrollments 控制器的链接。毕竟，目标是打开Enrollments页面，而不是提交注册：

<td>
 <a asp-controller="Enrollments" 
    asp-action="Create"
    asp-route-id="@item.EventID">Enroll</a>
</td>

可以使链接看起来像一个具有正确引导样式的按钮：

<a asp-controller="Enrollments" 
   asp-action="Create"
   asp-route-id="@item.EventID"
   class="btn btn-primary" role="button" >
Enroll
</a>

Controller 动作需要接受id 作为参数：

public IActionResult Create(int eventId)
{
    var newEnrollment=new Enrollment{ 
        EventId=eventId,
        ...
    };
    return View(newEnrollment);
}

可以使用相同的路由标签助手in a form：

<td>
    <form asp-controller="Enrollments" 
          asp-action="Create"
          asp-route-id="@item.EventID" method="post">
        <button type="submit" value="Enroll"></button>
    </form>
</td>

不过，使用这样的表格有点奇怪。这需要添加一个响应POST 的Index(id) 操作以及响应GET 的Index(id)。

ASP.NET Core MVC Tutorial 展示了如何创建一个列出 Todo 项目的应用程序，允许编辑、删除和从列表重定向到编辑页面。

Tag Helpers in Forms 页面解释了如何使用标签助手（如 asp-controller、asp-action 和 asp-route-*）在表单中指定控制器、操作和参数。

Answer 2

如果你想使用asp-route-{value}，你需要确保值名称与动作中的参数名称一致。例如，你使用

public IActionResult Create(int eventId)

这样你就需要使用

 asp-route-eventId="@item.EventId"