DataTables.net程序化刷新

Question

我正在使用DataTables (jQuery plugin)來顯示我的表格數據。如果使用AJAX從JSON Web服務中獲取數據。

如何使用JavaScript/jQuery強制刷新它？我正在瀏覽API並找不到正確的功能。

Answer 1

在等待答案時，我終於找到了它：fnDraw函數就是我所需要的。

它描述at the beginning of the API section，但我沒有打擾閱讀全部內容：

你必須使所需的服務器調用來操縱你的所需數據，然後簡單地redraw the table (fnDraw)查看新數據。

Answer 2

嘗試調用：

$("#Table1").fnDestroy().dataTable(); 

這應該重建它...

Answer 3

添加這個地方：

$.fn.dataTableExt.oApi.fnReloadAjax = function (oSettings, sNewSource, fnCallback, bStandingRedraw) { 
    if (typeof sNewSource != 'undefined' && sNewSource != null) 
    { 
     oSettings.sAjaxSource = sNewSource; 
    } 
    this.oApi._fnProcessingDisplay(oSettings, true); 
    var that = this; 
    var iStart = oSettings._iDisplayStart; 
    var aData = []; 

    this.oApi._fnServerParams(oSettings, aData); 

    oSettings.fnServerData(oSettings.sAjaxSource, aData, function(json) { 
     /* Clear the old information from the table */ 
     that.oApi._fnClearTable(oSettings); 

     /* Got the data - add it to the table */ 
     var aData = (oSettings.sAjaxDataProp !== "") ? 
      that.oApi._fnGetObjectDataFn(oSettings.sAjaxDataProp)(json) : json; 

     for (var i=0 ; i<aData.length ; i++) 
     { 
      that.oApi._fnAddData(oSettings, aData[i]); 
     } 

     oSettings.aiDisplay = oSettings.aiDisplayMaster.slice(); 
     that.fnDraw(); 

     if (typeof bStandingRedraw != 'undefined' && bStandingRedraw === true) 
     { 
      oSettings._iDisplayStart = iStart; 
      that.fnDraw(false); 
     } 

     that.oApi._fnProcessingDisplay(oSettings, false); 

     /* Callback user function - for event handlers etc */ 
     if (typeof fnCallback == 'function' && fnCallback != null) 
     { 
      fnCallback(oSettings); 
     } 
    }, oSettings); 
} 

然後調用它像這樣：

oTable = $(".dt").dataTable(); 
oTable.fnReloadAjax(); 

信用：http://datatables.net/plug-ins/api