Javascript 生成一个数组

以下是最终数据格式的示例，最终数据格式将有7个日期，每个日期将有24小时，每个小时有2个值：

var matrixData = {
    "header": [
        "Date",
        "Total",
        "Breakdown"
    ],
    "data": [
        [
            "2014-06-05",
            5340,
            {
                "header": [
                    "BookingCount",
                    "LastYearDifference"
                ],
                "data": [
                    [ 506, 46 ],
                    [ 524, 34 ],
                    [ 448, 25 ]
                ]
            }
        ],
        [
            "2014-06-06",
            14339,
            {
                "header": [
                    "BookingCount",
                    "LastYearDifference"
                ],
                "data": [
                    [ 506, 46 ],
                    [ 432, 92 ],
                    [ 498, 37 ]
                ]
            }
        ]
    ]
}

我必须把它传给一个

像这个：

<script type="text/html" id="tableContent">
    <tr>
        <td data-content="Date"></td>
        <td  data-content="BookingCount"></td>
        <td data-content="BookingCount"></td>
        <td data-content="BookingCoun"></td>
        <td data-content="BookingCount"></td>
        <td data-content="BookingCount"></td>
        <td data-content="BookingCount"></td>
        <td data-content="BookingCount"></td>
        <td data-content="BookingCount"></td>
        <td data-content="BookingCount"></td>
        <td data-content="BookingCount"></td>
        <td data-content="BookingCount"></td>
        <td data-content="BookingCount"></td>
        <td data-content="BookingCount"></td>
        <td data-content="BookingCount"></td>
        <td data-content="BookingCount"></td>
        <td data-content="BookingCount"></td>
        <td data-content="BookingCount"></td>
        <td data-content="BookingCount"></td>
        <td data-content="BookingCount"></td>
        <td data-content="BookingCount"></td>
        <td data-content="BookingCount"></td>
        <td data-content="BookingCount"></td>
        <td data-content="BookingCount"></td>
        <td data-content="BookingCount"></td>
        <td data-content="Total"></td>
    </tr>
</script>

---

据我所知，您无法理解如何构造数据和构建模板代码

我认为这是一个好主意：

var data = {
  rows: [{
    date: 'somedate',
    counts: [50, 100, 250],
    total: 400
  }]
}

我对jQuery模板不是很熟悉，但我希望类似这样的东西能够工作：

<script type="text/html" id="tableContent">
  <tr data-content="rows" data-format="nestedTemplateFormatter"  data-format-options="#row"></tr>
</script>

<script type="text/html" id="row">
    <td data-content-append="date"></td>
    <td data-content="counts" data-format="nestedTemplateFormatter" data-format-options="#count"></td>
    <td data-content-append="total"></td>
</script>

---

然后您必须为#count创建一个模板。我不确定您是否可以使用“this”来指向count值，或者您必须将对象放入counts数组，如[{count:50}、{count:100}]等，然后在#count模板内的span上使用data content append=“count”。

@Fyodor感谢您的旁注，我想我需要学习JSON技能。您期望的输出是什么？@Mritunjay请查看我的最新更新

var data = {
  rows: [{
    date: 'somedate',
    counts: [50, 100, 250],
    total: 400
  }]
}

<script type="text/html" id="tableContent">
  <tr data-content="rows" data-format="nestedTemplateFormatter"  data-format-options="#row"></tr>
</script>

<script type="text/html" id="row">
    <td data-content-append="date"></td>
    <td data-content="counts" data-format="nestedTemplateFormatter" data-format-options="#count"></td>
    <td data-content-append="total"></td>
</script>