DATATABLE示す間違ったページ番号

Question

次のHTMLコードです：

<table id="myTable" class="dTable1 contentList table table-bordered" style="z-index: 2; "> 

       <thead id="tableHeader"> 
        <tr id="headerRow"> 
         <th>Time</th> 
         <th>Event</th> 
         <th>Description</th> 
        </tr> 
       </thead> 
       <tbody> 
       </tbody> 
      </table> 

私はJavaScriptコードの下に使用して開いたポップアップでテーブルを初期化しています：

showHistory = function (contentID) { 
      debugger; 
      var auditRes; 
      //var oTable = $('#AuditListtable').dataTable(); 
      //oTable.fnDestroy(); 
      //alert("outside"); 
      $('#AuditListtable').dataTable({ 
       "sAjaxSource":SERVERURL?contentId=' + contentID, 
       "aoColumns": [ 
      { "mData": "AccessDate" }, 
      { 
       "mData": "EventDescription", 
       "bSortable": false 
      }, 
      { 
       "mData": "IPAddress", 
       "bSortable": false, 
       "mRender": function (data, type, row) { 
        debugger; 
        return '<td> <span title="' + data + '">Played By: ' + row.FirstName + ', IP Address: ' + data + '</span></td>'; 
       } 
      } 
       ], 
       "paging": true, 
       "sDom": '<"top"p<"clear">>rt', 
       "sPaginationType": "full_numbers", 
       "searching": false, 
       "bFilter": false, 
       "processing": true, 
       "bServerSide": true, 
       "order":true, 
       "sServerMethod": "POST", 
       "bAutoWidth": false, 
       "iDisplayLength": 8 


      }); 
      $('#historyPopup').modal('show'); 

     } 

データがポップアップに移入されます。現在、合計9レコードありますが、ページ番号は5ページになります。別のページをクリックすると、前のレコードが表示されます。テーブルはリフレッシュされません。

Answer 1

あなたは"bServerSide": trueとサーバー側の処理を有効にしています。あなたの応答が間違っている可能性があります。

あなたが実際にサーバー側の処理をしたい場合は、あなたの応答は、何かのようにする必要があります：sEchoはリクエストからsEchoパラメータの値を持っている必要があり

{ 
    "sEcho": 1, 
    "iTotalRecords": 9, 
    "iTotalDisplayRecords": 9, 
    "aaData": [ 
     // ... skipped ... 
    ] 
} 

、iTotalRecordsは前に、すべてのレコードの数ですフィルタリング、iTotalDisplayRecordsはすべてのレコードの番号ですフィルタリングの後。

詳細については、server-side processingを参照してください。