Ajaxを使用して既存のデータグリッドに新しいレコードを追加する

Question

最新の300個のドキュメントで取得するDataGridがあります。私はGUI上にユーザがさらに100レコードをロードできるボタンを提供するようになりました。
目標は、最新の400レコード（3000 + 100）をロードするのではなく、既存のデータと統合して「次の」100レコードをロードすることです。

1つの解決策は、webMethodとAjaxを使用してデータを取得し、100個の表セル< td>を作成して表の下に追加することです。

しかし、私はこのアプローチが最適ではないことを発見しました。
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" ]); 
    } 
});