jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery-datatables – DataTables警告:从行“0”的数据源请求未知参数’0′大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
有人知道,什么是错误的非常简单的HTML文件下面?

我只是试图使用an array of objects作为DataTables的数据源:

tests.html:

<html>
<head>
<link type="text/css" rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css">
<link type="text/css" rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.2/css/jquery.dataTables_themeroller.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.2/jquery.dataTables.min.js"></script>
<script type="text/javascript">

var data = [
    {"Name":"UpdateBootProfile","Result":"PASS","ExecutionTime":"00:00:00","Measurement":[]},{"Name":"NRB Boot","ExecutionTime":"00:00:50.5000000","Measurement":[{"TestName":"TOTAL_TURN_ON_TIME","Value":"50.5","LowerLimit":"NaN","UpperLimit":"NaN","ComparisonType":"nctLOG","Units":"SECONDS"}]},{"Name":"NvMgrCommit",{"Name":"SyncNvToEFS","ExecutionTime":"00:00:01.2500000","Measurement":[]}
];

$(function() {
        var testsTable = $('#tests').dataTable({
                bJQueryUI: true,aaData: data,aoColumns: [
                        { mData: 'Name' },{ mData: 'Result' },{ mData: 'ExecutionTime' }
                ]
        });
});

</script>
</head>
<body>

<table id="tests">
<thead>
<tr>
<th>Name</th>
<th>Result</th>
<th>ExecutionTime</th>
</tr>
</thead>
<tbody>
</tbody>
</table>

</body>
</html>

更新:好的,我有作者to use a newer version of DataTables or rename mData to mDataProp的答案

解决方法

您正在使用对象数组。你可以使用二维数组吗?

http://www.datatables.net/examples/data_sources/js_array.html

见这个jsfiddlehttp://jsfiddle.net/QhYse/

我使用像这样的数组,它工作正常:

var data = [
    ["UpdateBootProfile","PASS","00:00:00",[]],["NRB Boot","00:00:50.5000000",[{"TestName":"TOTAL_TURN_ON_TIME","Units":"SECONDS"}]],["NvMgrCommit",["SyncNvToEFS","00:00:01.2500000",[]]
];

编辑以包括对象数组

这个问题有一个可能的解决方案:jQuery DataTables fnrender with objects

这个jsfiddle http://jsfiddle.net/j2C7j/使用一个对象数组。为了不得到错误,我不得不把它用3个空白值 – 不是最优的,我知道。你可以找到一个更好的方法与fnRender,请张贴如果你这样做。

var data = [
   ["","",{"Name":"UpdateBootProfile","Measurement":[]} ]

];

$(function() {
        var testsTable = $('#tests').dataTable({
                bJQueryUI: true,aoColumns: [
                        { mData: 'Name',"fnRender": function( oObj ) { return oObj.aData[3].Name}},{ mData: 'Result',"fnRender": function( oObj ) { return oObj.aData[3].Result }},{ mData: 'ExecutionTime',"fnRender": function( oObj ) { return oObj.aData[3].ExecutionTime } }
                ]
        });
});

大佬总结

以上是大佬教程为你收集整理的jquery-datatables – DataTables警告:从行“0”的数据源请求未知参数’0′全部内容,希望文章能够帮你解决jquery-datatables – DataTables警告:从行“0”的数据源请求未知参数’0′所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: