javascript - 如何从 HTML 源刷新/重新加载我的 DataTable

Question

我正在使用 BackboneJS 用多个数据源填充我的表。你不需要知道 Backbone 来帮助解决这个问题，因为这个问题主要是一个 DataTables 问题。

我在第一次呈现 Collection View 时初始化我的数据表。

我的问题是我不知道如何告诉 DataTables 如何在每次 ajax 请求后从 DOM 重新加载数据。关于如何执行此操作的任何想法？

另一个例子是为每一行加载一些数据，然后相应地更新它(由 Backbone View 完成)。但是我需要让 Datatables 知道 DOM 表已经改变。

更改表格的示例:

<table>
  <thead>...</thead>
  <tbody>
    <tr>
        <td>Some Data</td>
        <td>Some Data2</td>
        <td>Loading...</td>
    </tr>
    ...
  </tbody>
</table>

收件人:

<table>
  <thead>...</thead>
  <tbody>
    <tr>
        <td>Some Data</td>
        <td>Some Data2</td>
        <td data-order="5" data-search="5"><span class="some_classes">5</span></td>
   </tr>
      ...
  </tbody>
</table>

如有任何帮助，我们将不胜感激。

Answer 1

使用rows().invalidate()使所选行的 DataTables 中保存的数据无效。

例如，要使使用原始数据源的所有行无效:

var table = $('#example').DataTable();

table
    .rows()
    .invalidate()
    .draw();

请注意，draw() 会将表格重置为第一页。要保留页面，请改用 draw(false)。