Question

我正在尝试将数据绑定到jQuery Datatable，但它只绑定了一半。我检查了AJAX电话;它返回成功，我正在获取数据。但是，相同的数据不会绑定到网格。

我的数据：

{
  "draw": "1",
  "recordsFiltered": 1,
  "recordsTotal": 1,
  "data": [{
    "TitleName": "w",
    "CustomerName": "q",
    "ServiceType": "r",
    "MailClass": "w",
    "ProcessingCategory": "a",
    "Origin": "a",
    "IsActive": true,
    "DateModified": "1/31/2018 12:00:00 AM",
    "ContentTitleId ": 1,
    "MailClassId ": 1,
    "ProcessingCategoryId ": 1,
    "ServiceTypeId ": 1,
    "TransportationTypeId ": 1
  }]
}

$(document).ready(function () {
  $('#example').DataTable({
    processing: true,
    serverSide: true,
    ajax: {
      url: "/ContentTitleManagement/OverviewPageWithServerSidePagination",
      type: "GET",
      datatype: "json",
      // success: function (result) {
      //   console.log("something");
      // }
    },
    columns: [
      { "data": "TitleName" },
      { "data": "CustomerName" },
      { "data": "ServiceType" },
      { "data": "MailClass" },
      { "data": "ProcessingCategory" },
      { "data": "Origin" },
      { "data": "DateModified" },
      { "data": "IsActive" }, 
      // Data gets bound up to here
      // { "data": "ContentTitleId" },
      // { "data": "MailClassId" },
      // { "data": "ProcessingCategoryId" },
      // { "data": "ServiceTypeId" },
      // { "data": "TransportationTypeId" }
    ]
  });
});

<table id="example">
  <thead>
    <tr>
      <th>TITLE NAME</th>
      <th>CUSTOMER NAME</th>
      <th>SERVICE<br />TYPE</th>
      <th>MAIL<br />CLASS</th>
      <th>PROCESSING<br />CATEGORY</th>
      <th>ORIGIN</th>
      <th>DATE<br />MODIFIED</th>
      <th>IS<br />ACTIVE</th>
      <th>Content Title Id</th>
      <th>Mail Class Id</th>
      <th>Processing Category Id</th>
      <th>Service Type Id</th>
      <th>Transportation Type Id</th>
    </tr>
  </thead>
</table>

只要我在columns方法的datatable部分中对这些列进行了注释，上述代码就可以运行文件。但如果我取消注释，那么它会抛出错误

DataTables警告：table id = example - Ajax错误。有关此错误的详细信息，请参阅http://datatables.net/tn/7

Answer 1

数据中最后5个标识符中有空格：

"IsActive": true,
"DateModified": "1/31/2018 12:00:00 AM",
"ContentTitleId ": 1,  <-- space at the end
"MailClassId ": 1,
"ProcessingCategoryId ": 1,
"ServiceTypeId ": 1,
"TransportationTypeId ": 1

您必须将其更改为：

"IsActive": true,
"DateModified": "1/31/2018 12:00:00 AM",
"ContentTitleId": 1,
"MailClassId": 1,
"ProcessingCategoryId": 1,
"ServiceTypeId": 1,
"TransportationTypeId": 1

Datatable仅绑定一半数据

1 个答案: