如何使用 ViewModel 到 Mvc c# 中的详细视图

Question

这是视图中的详细信息页面，默认情况下使用带有视图的脚手架 controller 创建。 现在需要使用视图 model 将数据传递给视图，在详细信息页面上，它有两个需要显示的信息是expiationOffenceCode和ExpiationOffenceDescription ：

@model SAExpiations.Models.ExpiationOffence

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

<h1>ExpiationOffence Details</h1>
<select name="select" class="form-selected" id="dropdownYear" style="width: 200px;" onchange="showList()">
</select>

<div>
    <hr />
    <dl class="row">
        <dt class="col-sm-3">
            @Html.DisplayNameFor(model => model.ExpiationOffenceCode)
        </dt>
        <dd class="col-sm-9">
            @Html.DisplayFor(model => model.ExpiationOffenceCode)
        </dd>
        <dt class = "col-sm-3">
            @Html.DisplayNameFor(model => model.ExpiationOffenceDescription)
        </dt>
        <dd class = "col-sm-9">
            @Html.DisplayFor(model => model.ExpiationOffenceDescription)
        </dd>
    </dl>
</div>
<div>
    <a asp-action="Edit" asp-route-id="@Model?.ExpiationOffenceCode" class="btn btn-primary">Edit</a> |
    <a asp-action="Index" class="btn btn-dark">Back to List</a>
</div>

controller 中的详细操作

public async Task<IActionResult> Details(string id)
{
     if (id == null || _context.ExpiationOffences == null)
     {
            return NotFound();
     }

     var expiationOffence = await _context.ExpiationOffences
                                          .FirstOrDefaultAsync(m => m.ExpiationOffenceCode == id);

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

     return View(expiationOffence);
}

Answer 1

而不是像这样使用 model ，我想先将 viewModel 应用到详细信息页面，因为我还需要稍后添加另一个表

如果您不想将 expiationOffence 作为视图模型传递给视图，可以尝试使用 ViewData。然后您可以使用不同的 model 作为视图模型，并在另一个表中使用新的视图模型：

行动：

public async Task<IActionResult> Details(string id)
{
     if (id == null || _context.ExpiationOffences == null)
     {
            return NotFound();
     }

     var expiationOffence = await _context.ExpiationOffences
                                          .FirstOrDefaultAsync(m => m.ExpiationOffenceCode == id);

     if (expiationOffence == null)
     {
          return NotFound();
     }
     ViewData["expiationOffence"] = expiationOffence;
     return View();
}

看法：

@{
    ViewData["Title"] = "Details";
    var expiationOffence = ViewData["expiationOffence"] as ExpiationOffence;
}

<h1>ExpiationOffence Details</h1>
<select name="select" class="form-selected" id="dropdownYear" style="width: 200px;" onchange="showList()">
</select>

<div>
    <hr />
    <dl class="row">
        <dt class="col-sm-3">
            ExpiationOffenceCode
        </dt>
        <dd class="col-sm-9">
            @expiationOffence.ExpiationOffenceCode
        </dd>
        <dt class = "col-sm-3">
            ExpiationOffenceDescription
        </dt>
        <dd class = "col-sm-9">
            @expiationOffence.ExpiationOffenceDescription
        </dd>
    </dl>
</div>
<div>
    <a asp-action="Edit" asp-route-id="@expiationOffence.ExpiationOffenceCode" class="btn btn-primary">Edit</a> |
    <a asp-action="Index" class="btn btn-dark">Back to List</a>
</div>