使用 aoData 重绘 Jquery 数据表答案

【问题标题】：Redraw a Jquery Datatable using aoData使用 aoData 重绘 Jquery 数据表
【发布时间】：2012-12-12 09:24:40
【问题描述】：

我已经设置了一个数据表。该表是使用 1 个参数在服务器端生成的。一旦我在表格中添加/编辑或删除某些内容，我需要重新绘制表格。但我无法让它工作。我使用的是 .fnDraw() 函数，但据我所知，这对服务器端表不起作用。

参数的值没有改变。我的桌子是这样的：

varTable = $("#varTable").dataTable({
    'bPaginate': false,
    'bAutoWidth': false,
    'bFilter': false,
    'aaSorting': [[0, "asc"]],
    'bInfo': false,
    'bServerSide': true,
    'sAjaxSource': $("#varTable").attr('data-action-url'),
    "fnServerParams": function (aoData) {
        aoData.push({ "name": "stringAppID", "value": selectedAppId });
    },
    'aoColumns': [
                        {
                            'mData': 'Name',
                            'bSortable': false
                        }
                     ]
});

有人知道如何刷新表格吗？

【问题讨论】：

只是为了明确一点，您想在数据库中插入新记录时更新表的内容吗？像实时应用？

标签： jquery datatables

【解决方案1】：

您可以使用fnReloadAjax(); 从其 ajax 源重新加载表数据

假设你有一个带有refreshButtonID的按钮

$("#refreshButtonID").click(function() {
    varTable.fnReloadAjax();
});

您可以从这里fnReloadAjax 获取此数据表插件源，将其放入某个 js 文件中并将其包含在您的页面中...

【讨论】：

谢谢。试过这个，没有运气。不，我再试一次，它成功了......不知何故有一个stackoverflowder，让电脑说“是”。