使用新API刷新多個DataTables

花費時間閱讀新的DataTable 1.10.2 API後，我認爲我現在正在好轉。到目前爲止，我已經將我的200多行代碼縮減到了不到100個，並且做得更好。現在，當數據發生變化時，我無法刷新數據表。下面的代碼刷新只有.getJSON功能，但不DATAS在瀏覽器中刷新的2個表：當我檢查Firefox的控制檯使用新API刷新多個DataTables

 $(document).ready(function(){ 
      var alertTable = $('#alert-table').DataTable({ 
       "columns": [ 
        { "data": "host" }, 
        { "data": "description" }, 
        { "data": "value", "visible": false } 
       ], 
      }); 

      var errorTable = $('#error-table').DataTable({ 
       "columns": [ 
        { "data": "host" }, 
        { "data": "description" } 
       ], 

      }); 


      setInterval (function(){ 
       $.getJSON("data/json_data.txt", function (pcheckdata){ 

        alertTable.clear(); 
        alertTable.rows.add(pcheckdata.alerts).draw(); 
        alertTable.columns.adjust().draw(); 

        errorTable.clear(); 
        errorTable.rows.add(pcheckdata.errors).draw(); 
        errorTable.columns.adjust().draw(); 
       }); 
      }, 1000); 
     });

這是我所看到的：

GET data/json_data.txt 200 OK 10ms

來源

2014-09-04 Chelseawillrecover

您可以試訓'oTable.fnDraw（）;'做你所有的操作之後。 – 2014-09-04 11:03:47

謝謝@ D.T。我發現了錯誤。 – Chelseawillrecover 2014-09-04 11:06:47

不錯的一個，易更新的數據表:) – 2014-09-04 11:10:03

我傻，我剛剛注意到我的錯，忘了補充.draw（）後.clear（）

   alertTable.clear().draw(); 
       alertTable.rows.add(pcheckdata.alerts).draw(); 
       alertTable.columns.adjust().draw(); 

       errorTable.clear().draw(); 
       errorTable.rows.add(pcheckdata.errors).draw(); 
       errorTable.columns.adjust().draw();

來源

2014-09-04 11:05:44 Chelseawillrecover

使用新API刷新多個DataTables

回答

相關問題