html - 为订单生成多级客户收据

Question

我的目标是生成客户收据视图，他们将在提交订单后获得该视图。收据应包含他们订购的所有食品。每个食物项可以包含多个子项。

模型正在返回如下数据；

如果你仔细看，那些有 parentitemid 的都是子项。并且它们应该显示在其父项下。

目标应如下所示；

现在的问题是我已经尝试了很多东西（即 if-else 内的 foreach 等），但没有得到这个观点。

是否有可能从这种数据中生成这样的视图？任何人都可以帮助我一些想法plzzz！

编辑：

我有一些进展..现在看起来如何..

现在，我将如何在主项目下显示子项目的价格......？？

这是我的代码

<%foreach (var i in Model.OrderItems)
      { %>
      <tr>
        <td style="vertical-align:top;">1</td>
        <td style="width:40%;"><%:i.fiitemName%>
        <br />
        <table style="margin-left:10px;">
            <%foreach (var k in Model.getOrderSubItems("36-171012-2", i.fiID))
              { %>

                    <tr style="height:30px;">
                        <td style="width:100px;"><%:k.FoodItemName %></td>
                        <td style="width:100px;"><%:k.SubItemPrice %></td>
                    </tr>
           <%} %>
           </table>
        </td>
        <td style="vertical-align:top;"><%:i.msize%></td>
        <td style="vertical-align:top;"><%:i.ItemNote %></td>
        <td style="vertical-align:top;"><%:i.mprice%></td>

      </tr>

    <%} %>

Answer 1

你的模型看起来怎么样？一个简单的模型示例：

public class Order
{
    public int Id { get; set; }
    public List<Item> Items { get; set; }

    public class Item
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public int Qty { get; set; }
        public decimal Price { get; set; }
        public List<Item> SubItems { get; set; }
    }
}

然后要显示，您可以遍历订单上的所有项目，然后在该项目中循环任何子项目。

foreach (var item in Order.Items)
        {
            foreach (var subItems in item.SubItems)
            {
            }
        }