Javascript jQuery数据表加载客户端对象数组
我正在使用jQuery中的.data()函数将从服务器返回的一组记录附加到页面上的DOM元素。记录以对象数组的形式存储。代码如下:Javascript jQuery数据表加载客户端对象数组,javascript,jquery,datatables,Javascript,Jquery,Datatables,我正在使用jQuery中的.data()函数将从服务器返回的一组记录附加到页面上的DOM元素。记录以对象数组的形式存储。代码如下: //Attached returned data to an HTML table element $('#measTable').data('resultSet', resultSet); //Get stored data from HTML table element var results = $('#measTable').dat
//Attached returned data to an HTML table element
$('#measTable').data('resultSet', resultSet);
//Get stored data from HTML table element
var results = $('#measTable').data('resultSet');
//Construct the measurement table
data_table = $('#measTable').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"bProcessing": true,
"bDeferRender": true,
"aaData": [ results ],
"aoColumns": [
{ "mDataProp": "Field1" },
{ "mDataProp": "Field2" },
{ "mDataProp": "Field3" },
{ "mDataProp": "Field4" }
]
});
然后,我从元素中获取数据并继续将其加载到datatable中。但是这似乎不起作用,并且总是返回错误从第0行的数据源请求的未知参数“`Field1”。是否可以以这种方式将数据加载到数据表中
更新:
下面是结果对象数组的示例
results =
0: Object
Field1: "2011/04/23"
Field2: 8
Field3: "Hello"
Field4: "World"
__proto__: Object
1: Object
Field1: "2011/03/25"
Field2: 6
Field3: "Hello"
Field4: "Everyone"
__proto__: Object
...etc.
嗯,aaData(顾名思义)需要一个数组,所以如果你给他取一个对象数组,这就是它抱怨的原因。DataTables的开发人员Allan能够在下面的DataTables帖子中回答我的问题。如果链接不起作用,问题就变成了一个简单的语法错误 而不是
“aaData”:[results],
它需要是“aaData”:results,
感谢您的帮助Allan。在您的定义中添加以下内容:
$('#measTable').dataTable({
...
"columns": [
{ "data": "field1" },
{ "data": "field2" },
{ "data": "field3" }
]
});
您应该将表列与列数组匹配
就这样 你能发布“结果”的内容吗?嗨,Adam,刚刚发布了结果对象数组的代码片段。DataTables博客对此有详细的介绍。你用的是1.8吗?这在早期版本中肯定不起作用。