javascript - 如何将这两个表与两个模型合并？

Question

如何在一张表上使用两个 foreach 或其他方法来获取计数和总计？

这是表格:

<div style="padding-top: 30px">
    <table id="table_id" class="display">
        <thead>
            <tr>
                <th>Month</th>
                <th>Count</th>
                <th>Total</th>
            </tr>
        </thead>
        <tbody>
            @foreach (var item in Model.Date1.Reverse())
        {
                <tr>
                    <td> @Html.DisplayFor(modelItem => item.theDate) </td>
                    <td> @Html.DisplayFor(modelItem => item.theCount) </td>
                </tr>
            }
            @foreach (var item in Model.Date2.Reverse())
        {
                <tr>
                    <td></td>
                    <td></td>
                    <td> @Html.DisplayFor(modelItem => item.theCount) </td>
                </tr>
            }

        </tbody>
    </table>
    </div>

这就是我调用模型的方式:

    public class QueryView
    {
        public IEnumerable<Date1> Date1 { get; set; }
        public IEnumerable<Date1> Date2 { get; set; }
    }
}
@model CWebPortal.Models.QueryView

这是显示的内容:

当然，我希望 Total 位于同一行。

谢谢!

Answer 1

您需要并行迭代列表。

希望这些链接能有所帮助

1. iterate simultaneously through multiple list
2. Iterate two Lists or Arrays with one ForEach statement in C#

@using (var e1 = Model.Date1.Reverse().GetEnumerator()) { 使用 (var e2 = Model.Date2.Reverse().GetEnumerator()) { while (e1.MoveNext() && e2.MoveNext()) { var item1 = e1.Current; var item2 = e2.Current; item1.theDate item1.theCount item2.theCount } } }