Question

我有一个DataGrid，我用300个最新的文档获取。我现在在GUI中提供一个按钮，用户可以通过该按钮加载100条记录。
目标是通过将它们与现有数据集成来加载“下一个”100条记录，而不是加载400（3000 + 100）条最新记录。

一种解决方案是通过webMethod和Ajax调用获取数据，然后构建100个表格单元格＆lt; TD＆GT;并将它们附在表格底部。

但我发现这种方法不是最佳的。
我使用DataTables Jquery插件提供一些很好的功能，如排序和列重新排序。

如何以增量方式添加新记录，而不回发？

Answer 1

你在他们的文档中看到了这个page吗？它为您提供了如何动态地向DataTable添加行的想法。

    $('#example').dataTable().fnAddData( [
        "First Column",
        "Second Column",
        "Thrid Column",
        "Fourth Column" ] );

您可以在ajax调用的回调中使用您希望填充的数据执行此功能。

$.ajax({
  url: "test.html",
  context: document.body,
  success: function(){
    $('#example').dataTable().fnAddData( [
            "First Column",
            "Second Column",
            "Thrid Column",
            "Fourth Column" ] );
  }
});

使用Ajax将新记录添加到现有数据网格

1 个答案: