难以显示JSon返回的值

Question

我通过Json向我的视图发送一个列表。

MyCalendar类

public MyCalendar()
{
  public DateTime Date {get; set;}
  public string Expense{ get; set;}
  public int Days{get;set;}
}

public List<MyCalendar> GetUserInfo()
{
    return myCalendar.ToList();
}

[Authorize]
public ActionResult GetMyCalendar()
{
    return new JsonResult
    {
        Data = new MyCalendar().GetUserInfo(),
        JsonRequestBehavior = JsonRequestBehavior.AllowGet
    };
}

但是，我很难在我的网格中显示它们。以json发送的值如下：

---

我想按如下方式显示它们：

我可以用javascript中的代码获取上面的内容吗。

<script id="dataTemplate" type="text/x-jquery-tmpl">
<tr>
    <td>${FormatJSONDate(Date, "yyyy/MM/dd")}</td>
    <td>${Expense}</td>
    <td>${Days}</td>
</tr>
</script>

Answer 1

您可以通过按日期分组来更改服务器端JSON返回数据的方式。然后，您可以像上面那样显示数据。

另一种选择是按日期在客户端对数据进行分组，然后循环遍历并显示在表格中。

create nested objects in javascript like groupby in C#

JQuery ForEach loop?