Razor视图展示LINQ联表查询结果列表的实现咨询

本质是两层不匹配导致的运行时错误：

1. Controller方法实际返回List<AgentClientIndexVM>类型的集合，但视图绑定的@model是单个AgentClientIndexVM类型的对象，既承接不了集合数据，也无法直接对单个对象执行foreach遍历。
2. 循环内部的字段渲染逻辑误用了专门渲染表头的DisplayNameFor，就算类型匹配，也无法正确展示单条数据的实际值。

方案1：最小改动，直接绑定集合类型（适合纯列表展示场景） #

不需要额外使用新增的AvailableJobListVM，直接调整视图的模型绑定和渲染逻辑即可：

• 把视图顶部的@model声明从单个对象改为绑定对应集合类型
• 修正循环逻辑：表头部分用DisplayNameFor渲染列名是合理的，但循环体里要渲染当前遍历项的实际值，不能再用DisplayNameFor

修正后的完整视图参考代码：

@model List<AURA.ViewModels.AgentClientIndexVM>

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

<h1>Available Job Index</h1>

<table class="table">
    <thead>
        <tr>
            <th>
                @Html.DisplayNameFor(model => model[0].Zero)
            </th>
            <th>
                @Html.DisplayNameFor(model => model[0].ThrDate)
            </th>
            <th>
                @Html.DisplayNameFor(model => model[0].ThrTime)
            </th>
            <th>
                @Html.DisplayNameFor(model => model[0].EigRole)
            </th>
            <th>
                @Html.DisplayNameFor(model => model[0].EigLoad)
            </th>
            <th>
                @Html.DisplayNameFor(model => model[0].EigNote)
            </th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            <tr>
                <td>
                    @Html.DisplayFor(modelItem => item.Zero)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.ThrDate)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.ThrTime)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.EigRole)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.EigLoad)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.EigNote)
                </td>
                <td>
                    <a asp-action="PostDetail" asp-route-zero="@item.Zero">Details</a>
                </td>
            </tr>
        }
    </tbody>
</table>

注：直接绑定List类型做表头绑定时，必须取列表第一个元素的属性作为绑定目标，直接写model => model.Zero会因为List本身没有Zero属性报编译错误。

方案2：使用自定义包裹ViewModel（适合后续要扩展页面附加属性的场景） #

如果后续页面需要加筛选条件、分页信息、统计数据等非列表内容，用已定义的AvailableJobListVM会更灵活，这时需要同步调整Controller和视图的绑定逻辑：

1. 修改Controller方法，把查询得到的列表赋值给ViewModel的列表属性，再传给视图：

   public IActionResult AvailableJobIndex()
   {
       var today = DateTime.Now.Date;
       
       var jobs =
          from h in _context.PostThrs
          join e in _context.PostEigs on h.ThrZero equals e.EigZero
          where h.ThrDate > today && h.ThrText == "SERVICE DATE"
             && e.EigAgen == "OPEN"
          select new AgentClientIndexVM
          {
              Zero = h.ThrZero,
              ThrDate = h.ThrDate,
              ThrTime = h.ThrTime,
              ThrText = h.ThrText,
              EigAgen = e.EigAgen,
              EigRole = e.EigRole,
              EigLoad = e.EigLoad,
              EigNote = e.EigNote
          };
   
       // 构造包裹ViewModel，将查询列表赋值到属性中
       var viewModel = new AvailableJobListVM
       {
           JobList = jobs.ToList()
       };
       return View(viewModel);
   }
   

2. 修改视图的模型绑定为自定义的包裹类，遍历时直接遍历Model.JobList，其余表头、单条数据的渲染逻辑和方案1保持一致。

• 不要混淆HtmlHelper的使用场景：DisplayNameFor用来获取字段的配置显示名，一般只在表头部分使用；DisplayFor用来渲染当前字段的实际值，需要在循环体里对单条数据的属性使用，两者不能混用。原有代码在循环里使用DisplayNameFor，就算类型匹配，所有单元格也只会显示字段名称，不会展示真实查询数据。
• 不要把单个对象的ViewModel直接当集合遍历：如果@model声明的是单个类的类型，除非这个类本身实现了IEnumerable接口，否则直接对Model做foreach必然报类型不兼容错误。

内容的提问来源于stack exchange，提问作者Nick Fleetwood