Javascript jQuery DataTable-使用自定义JSON结构显示数据

如何使用jQuery Datatable填充自定义JSON数据结构。我找到了下面的解决方案（Datatable默认-JSON结构），在我将“Data”作为主要对象/数组之前，它工作得很好，但是，我想使用另一个JSON结构（我的JSON结构）。是否可能或者我需要使用Datatable默认JSON结构？我正在使用DataTables 1.10.7。提前感谢您的帮助

数据表默认值-JSON结构

{
 "data": [
{
  "name": "Tiger Nixon",
  "position": "System Architect",
  "salary": "$320,800",
  "start_date": "2011/04/25",
  "office": "Edinburgh",
  "extn": "5421"
},
{
  "name": "Garrett Winters",
  "position": "Accountant",
  "salary": "$170,750",
  "start_date": "2011/07/25",
  "office": "Tokyo",
  "extn": "8422"
}
]
}

我的JSON结构

[
{
  "Date": "12/04/14",
  "MeterID": "56",
  "BlockID": "12",
  "Type": "sure",
  "Subtype": "truction",
  "Notes": ""
},
{
  "Date": "12/04/14",
  "MeterID": "3456",
  "BlockID": "123456",
  "Type": "alism",
  "Subtype": "working",
  "Notes": "Lorem"
}
]

jQuery数据表代码段

$('#incident').DataTable({
    "ajax": "../../data/object.json",
    "columns": [
        { "data": "name" },
        { "data": "position" },
        { "data": "salary" },
        { "data": "start_date" },
        { "data": "office" },
        { "data": "extn" }
    ],
    "iDisplayLength": 10
})

---

我是这样做的

$('#divWorkQueueTable').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="workQueueTable"></table>');
    $('#workQueueTable').DataTable({
        "data": requests,
        "columns": [{
            "title": 'ID',
            "data": "ID",
            "sWidth": "5%",
            "render": function(data) {
                return '<a href="javascript:;" onclick="modARBRequest.Load( \'' + data + '\')">' + data + '</a>';
            }
        }, {
            "title": "Project ID",
            "data": "ProjectID",
            "sWidth": "10%"
        }, {
            "title": "Phase",
            "data": "Phase",
            "sWidth": "5%"
        }, {
            "title": "Project Description",
            "data": "Title",
            "sWidth": "50%"
        }, {
            "title": "Date Requested",
            "data": "DateRequested",
            "sWidth": "10%",
            "render": function(data) {
                return modCommon.DateToString(data);
            }
        }, {
            "title": "Stage",
            "data": "Stage",
            "sWidth": "15%"
        }, {
            "title": "Status",
            "data": "Status",
            "sWidth": "10%"
        }]
    });

---

})以下是我是如何做到这一点的

$('#divWorkQueueTable').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="workQueueTable"></table>');
    $('#workQueueTable').DataTable({
        "data": requests,
        "columns": [{
            "title": 'ID',
            "data": "ID",
            "sWidth": "5%",
            "render": function(data) {
                return '<a href="javascript:;" onclick="modARBRequest.Load( \'' + data + '\')">' + data + '</a>';
            }
        }, {
            "title": "Project ID",
            "data": "ProjectID",
            "sWidth": "10%"
        }, {
            "title": "Phase",
            "data": "Phase",
            "sWidth": "5%"
        }, {
            "title": "Project Description",
            "data": "Title",
            "sWidth": "50%"
        }, {
            "title": "Date Requested",
            "data": "DateRequested",
            "sWidth": "10%",
            "render": function(data) {
                return modCommon.DateToString(data);
            }
        }, {
            "title": "Stage",
            "data": "Stage",
            "sWidth": "15%"
        }, {
            "title": "Status",
            "data": "Status",
            "sWidth": "10%"
        }]
    });

---

})

阅读此内容，它将解决您的查询。

阅读此内容，它将解决您的查询。

数据行（JSON文件）表示作为我的JSON结构提到的数据结构，而且我无法理解上述解决方案：-（您需要类似“数据”：“日期”，“数据”：“MeterID”，“数据”：“BlockID"等等…请参阅我在初始答复中的补充说明。我还将使用标题属性作为列标题，并通过sWidth在实际列上设置宽度。然后请发布文件。您是否尝试过如我在回答中所述更改输出中字段的名称？我尝试过，它说-Uncaught TypeError:Cannot未定义数据行（JSON文件）的读取属性“length”表示作为我的JSON结构提到的数据结构，我也无法理解上述解决方案：-（您需要类似“data”：“Date”，“data”：“MeterID”，“data”：“BlockID”等等…请参阅我在初始答复中的补充说明。我还将使用标题属性作为列标题，并通过sWidth在实际列上设置宽度。然后请发布文件。您是否尝试过如我在回答中所述更改输出中字段的名称？我尝试过，它说-Uncaught TypeError:Cannot读取未定义的属性“length”