jquery-datatables - DataTables 警告：从数据源请求未知参数 '0' 用于行 '0'

Question

有人知道，下面这个非常简单的 HTML 文件有什么问题吗？

在此处输入图像描述

我只是想使用一个对象数组作为 DataTables 的数据源：

测试.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","Result":"PASS","ExecutionTime":"00:00:50.5000000","Measurement":[{"TestName":"TOTAL_TURN_ON_TIME","Result":"PASS","Value":"50.5","LowerLimit":"NaN","UpperLimit":"NaN","ComparisonType":"nctLOG","Units":"SECONDS"}]},
    {"Name":"NvMgrCommit","Result":"PASS","ExecutionTime":"00:00:00","Measurement":[]},
    {"Name":"SyncNvToEFS","Result":"PASS","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>

更新：好的，我从作者那里得到了使用更新版本的 DataTables 或将 mData 重命名为 mDataProp 的答案

score 127 · Accepted Answer

对于空值或未定义值错误，只需将此行添加到属性：,columnDefs: [ { "defaultContent": "-", "targets": "_all" } ]

例子：

oTable = $("#bigtable").dataTable({
  columnDefs: [{
    "defaultContent": "-",
    "targets": "_all"
  }]
});

警告框将不再显示，任何空值都将替换为您指定的值。

score 27 · Accepted Answer

您正在使用一组对象。你能用二维数组代替吗？

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

看到这个jsfiddle：http: //jsfiddle.net/QhYse/

我使用了这样的数组并且效果很好：

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

编辑以包含对象数组

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

这个 jsfiddle http://jsfiddle.net/j2C7j/使用对象数组。为了不出现错误，我必须用 3 个空白值填充它——我知道，这不是最佳值。您可能会使用 fnRender 找到更好的方法，如果您这样做，请发布。

var data = [
   ["","","", {"Name":"UpdateBootProfile","Result":"PASS","ExecutionTime":"00:00:00","Measurement":[]} ]

];

$(function() {
        var testsTable = $('#tests').dataTable({
                bJQueryUI: true,
                aaData: data,
                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 } }
                ]
        });
});

score 12 · Accepted Answer

这困扰了我一个多小时。

如果您使用 dataSrc 选项和列 defs 选项，请确保它们位于正确的位置。我在 ajax 设置中嵌套了列定义，并且浪费了太多时间来弄清楚这一点。

这很好：

情况不妙：

细微的差别，但真实到足以导致脱发。

score 10 · Accepted Answer

我遇到了同样的问题。就我而言，我在最后一列之后缺少逗号。我生命中的30分钟浪费了，我再也回不来了！

在此处输入图像描述

score 4 · Accepted Answer

当 DataTables 无法找到 DataTable 配置中定义的请求字段时，这是一种非常常见的情况。
例如：

                "aoColumns": [{
                    mData: 'mobile', sWidth: "149px;"
               }, {
                    mData: 'name', sWidth: "121px;"
               }, {
                    mData: 'productName', sWidth: "116px;"
                            }
            }];

在这里，如果 DataTable 没有收到上述属性。它将生成此警告：

DataTables 警告：从数据源中为行 '0' 请求未知参数 '0'

要克服这个问题，您只需在“aoColumns”中设置一个默认值

例如：

  "aoColumns": [{
                mData: 'mobile',sDefaultContent :  '',sWidth: "149px;"
           }, {
                mData: 'name',sDefaultContent :  '', sWidth: "121px;"
           }, {
                mData: 'productName',sDefaultContent :  '', sWidth: "116px;"
              }
        }];

sDefaultContent将抑制警告。
注意：此属性可以根据您使用的数据表版本进行更改。

score 4 · Accepted Answer

确保列名相同。它们区分大小写。在这里，就我而言，当我的模型的列名大写并且我在 ajax 请求的数据中使用了所有小写字母时，我得到了这个错误。

因此，我通过与现有模型名称完全相同的方式匹配列名称来解决。

数据表绑定

$("#Customers").DataTable({
            ajax: {
                url: "/api/customers/",
                dataSrc: ""
            },
            columns: [
                {
                    data: "Name",
                    render: function (data, type, customer) {
                        return "<a href='/customers/edit/" + customer.Id + "'>" + customer.Name + "</a>";


                    }

                },
                {
                    data: "Name"
                },
                {
                    data: "Id",
                    render: function (data) {
                        return "<button class='btn-link js-delete' data-customer-id=" + data + ">Delete</button>";
                    }
                }
            ]
        });

网络 API 方法：

  public IEnumerable<Customer> GetCustomers()
        {
            return _context.Customers.ToList();

        }

我的模型：-

 public class Customer
    {
        public int Id { get; set; }

        [Required]
        [StringLength(255)]
        public string Name { get; set; }        

        [Display(Name="Date Of Birth")]        
        public DateTime? BirthDate { get; set; }


        public bool isSubscribedToNewsLetter { get; set; }

        public MembershipType MembershipType { get; set; }

        [Display(Name="Membership Type")]
        [Required]
        public byte MembershipTypeId { get; set; }
    }

所以在我的例子中，我正在用列（名称，名称，Id）填充数据表。我正在复制第二个列名进行测试。

score 2 · Accepted Answer

来自 DataTables 网站：

DataTables 中的每个单元格都请求数据，当 DataTables 尝试获取某个单元格的数据但无法这样做时，它将触发警告，告诉您数据在预期的位置不可用。警告信息是：

DataTables 警告：表 id= -为行{id}请求未知参数“ ”{parameter}{row-index}

在哪里：

{id}替换为触发错误的表的 DOM id

{parameter}是 DataTables 请求的数据参数的名称

{row-index}是触发错误的 rwo 的 DataTables 内部行索引。

因此，为了分解它，DataTables 已请求给定行的数据，{parameter}提供的并且那里没有数据，或者它是nullor undefined。

有关详细信息，请参阅 DataTables 网站上的此技术说明。

score 2 · Accepted Answer

在我奇怪的场景中，我有一个不同的列，它并不总是在“渲染”函数中返回值。return null解决了我的问题。

score 2 · Accepted Answer

我遇到这个问题是因为我搞砸return keyword了custom renderingColumns section

columns: [
    {....
        'data': function(row, type, val, meta) {
            if (row.LetterStatus)
                 return '@CultureHelper.GetCurrentCulture()' == 'ar'? row.LetterStatus.NameInArabic: row.LetterStatus.NameInEnglish;
            else row.LetterStatusID.toString();// here is the problem because I messed the Return key keyword
          },
     ......
    }

我的代码中的问题是因为我messed在Return keywordelse clause

所以我把它改成了

....
else return row.LetterStatusID.toString();// messed return keyword added
.....

score 1 · Accepted Answer

如果有人正在使用新的 DataTables（顺便说一句，这很棒）并且想要使用对象数组，那么您可以使用 columns 选项轻松完成。有关这方面的一个很好的示例，请参阅以下链接。

具有对象数组的数据表

在过去的两天里，我一直在努力解决这个问题，这解决了它。由于其他代码原因，我不想切换到多维数组，因此正在寻找这样的解决方案。

score 1 · Accepted Answer

如果您正在使用，knockout.bindings.dataTables.js那么您可以编辑文件并替换此行

dataTable.fnAddData(unwrappedItems);

和

if (unwrappedItems.length > 0) {
    dataTable.fnAddData(unwrappedItems);
}

这对我有帮助，我希望对你有所帮助。

jquery-datatables - DataTables 警告：从数据源请求未知参数 '0' 用于行 '0'

11 回答 11

Related

Reference