通过MVC支架进行分组

Question

背景

我目前正在开发一个MVC项目，我希望在其中显示一个电影列表以及它们将被编程播放的时间。 为了实现这一点，我有一个基本表（总结）：

+-------------+----------------+
| FilmID (int)| Time (datetime)|
+-------------+----------------+
|  1          | 01:00          |
|  1          | 03:00          |
|  2          | 02:30          | 
+-------------+----------------+

这与“电影商店”有关，其中基本上提供了与概要/类型/等有关的信息。

调节器

我已经使用自动生成的代码设置了一个控制器：

public ActionResult Index()
{
    var filmShowings = db.FilmShowings.Include(f => f.FilmStore);

    return View(filmShowings.ToList());
}              

视图

我已将预设视图更改为

@foreach (var item in Model)
{
    <span>@Html.DisplayFor(modelItem => item.FilmID)</span>

    <div class="time slot">
       @Html.DisplayFor(modelitem => item.Time).ToString().Substring(0, 5)
    </div>
}

我想要的是

我期待在视图中分组filmID 。 因此， filmID将以跨度显示，并且对于每个记录，该filmID将显示在div中。 就像是：

1
   01:00
   03:00
2 
   02:30

我试过的

我试图在控制器中添加一个groupby子句：

.GroupBy(f => f.FilmID);

并改变了我的看法：

  @foreach (var item in Model)
    {
            <span>@Html.DisplayFor(modelItem => item.FilmID)</span>
            @foreach(var group in groupItem.FilmID){
                <div class="time slot">
                   @Html.DisplayFor(myitem => group.Time).ToString().Substring(0, 5)
                </div>
            }
    }

我假设一个嵌套的for循环可以让我添加这个分组。 但是，这不可避免地失败了。 有人能够指出我正确的方向吗？

Answer 1

您可以通过两种方式执行此操作：

1. 让您的强类型模型按胶片ID分组，例如：您将拥有一个具有2个属性的类，FilmID和List，在您的控制器中，您将检索数据并通过FilmID对其进行分组并填充您的模型然后将其传递给视图并以同样的方式绘制它，但不是groupBy，您只需使用foreach迭代模型，在foreach中，您将迭代遍历列表。
2. 保持原样，没有分组依据，并添加折叠/展开图标，点击图标，触发传递胶片ID的Ajax请求，并将内容作为部分视图进行检索，并在电影ID下方的范围内绘制此内容，此选项从性能角度看更好

Answer 2

GroupBy的返回是IEnumerable<IGrouping<TKey, TSource>> 。 这意味着你最终会得到一个列表列表。 IGrouping的实现本身就是一个IEnumerable ，它增加了一个Key属性，它将保存您分组的属性的值。

因此，对于您的示例，您需要遍历所有组，然后针对每个组迭代该组中的项目。

@foreach (var group in Model)
{
    <span>@Html.DisplayFor(modelItem => group.Key)</span>
    @foreach(var item in group){
        <div class="time slot">
           @Html.DisplayFor(myitem => item.Time).ToString().Substring(0, 5)
        </div>
    }
}