如何在 ASP.NET MVC 视图中对数据进行分组？

Question

在 Crystal Reports 等报告工具中，有多种方法可以获取非规范化数据并按数据中的特定列对其进行分组，为指定列中的每个唯一项目创建行标题。

如果我有这个：

Category1    Data1
Category1    Data2
Category1    Data3
Category2    Data4
Category2    Data5
Category2    Data6

报告软件会将其分组如下：

Category1
      Data1
      Data2
      Date3
Category2
      Data4
      Data5
      Data6

有没有办法在 ASP.NET MVC 视图中执行此操作，也许使用简单的 linq 短语或带有 foreach 或嵌套 foreach 的 linq 扩展方法？

Answer 1

如果您的视图是强类型的，您可以使用带有嵌套 foreach 的 LINQ GroupBy 扩展方法：

<ul>
<% foreach (var group in Model.GroupBy(item => item.Category)) { %>

   <li><%= Html.Encode(group.Key) %>
     <ul>

     <% foreach (var item in group) { %>
       <li><%= Html.Encode(item.Data) %></li>  
     <% } %>

     </ul>
   </li>

<% } %>
</ul>

这将提供与原始问题中的格式化列表非常相似的输出。它假设你的模型看起来像这样：

public class ViewModel
{
    public string Category { get; set; }
    public string Data { get; set; }
}

Answer 2

<table class="table table-striped table-bordered">
    @foreach (var plan in Model.GroupBy(p => p.PlanName))
    {
        <thead>
            <tr>
                <th></th>
                <th>
                    @plan.Key
                </th>
            </tr>
        </thead>
        <tbody>
            @foreach (var plan1 in plan)
            {
                <tr>
                    <td>@plan1.PlanDetails</td>
                    <td>@plan1.PlanOption</td>
                </tr>
            }
        </tbody>
        <tfoot>

        </tfoot>
    }

</table>

Answer 3

将 LINQ GroupBy 与嵌套 foreach 一起使用

查看模型示例：

public class ViewModelData
{
    public string Category { get; set; }
    public string Data { get; set; }
}

查看

@model IEnumerable<ViewModels.ViewModelData>

<ul>
    @foreach (var group in Model.GroupBy(item => item.Category))
    {
        <li>@group.Key
            <ul>
                @foreach (var item in group)
                {
                    <li>@item.Data</li>
                }
            </ul>
        </li>
    }
</ul>