javascript - 如何更新分页的 jQuery DataTables 数据并显示它

Question

我在更新 jQuery DataTable 的基础数据时遇到问题。稍微解释一下，在非分页行的情况下，我可以使用 jQuery 选择行，更新它并重新绘制 DataTables 中的更改，如下所示table.row($('#item' + item.id)).invalidate().draw();

但是，在分页（不可见）行的情况下，我无法使用 jQuery 选择它们以进行更新，因为 DataTables 将它们从 DOM 中删除并将它们保存在其他地方。我需要这个，因为我的可见行之一中的编辑会影响其他行中的值，并且我希望反映更改。

以下是我没有运气的尝试之一：

我试图遍历数据，更新它并重新绘制表格，如下所示：

table.rows().iterator('row', function (context, index) {
    if (this.row(index).data()[0] == item.id /*item is a variable*/) {
        this.row(index).data()[3] = item.qty;
        console.log(this.row(index).data());
        this.row(index).draw();
    }
});

数据以我想要的方式记录，但更改未显示在 DataTable 上，这使我认为这可能不是正确的方法。

请帮忙！

标签： javascriptjquerydatatablesdatatables-1.10

Answer 1

您可以使用 ajax 修改您的后端数据源，然后在修改时重新加载表数据。