刪除數據表中，而服務器端的處理

Question

我有這樣的代碼：

$("#office-select").change(function(){ 
    oTable.api().ajax.reload(); 
}); 

其中oTable是我的數據表。一切正常，但我希望在加載新表時隱藏舊錶。應該只有一個微調顯示。

我試圖沿着這些路線的東西：

$("#office-select").change(function(){ 
    oTable.clear(); 
    oTable.api().ajax.reload(); 
}); 

，但沒有奏效。任何想法如何實現這一目標？

Answer 1

您可以使用jQuery BlockUI

例子：

$("#office-select").change(function(){ 
    $(<selector of your table>).block({ 
      message: '<h1>Processing</h1>', 
      css: { border: '3px solid #a00' } 
    }); 
    oTable.clear(); 
    oTable.api().ajax.reload(); 
    $(<selector of your table>).unblock(); 
}); 

Answer 2

嘗試的oTable.clear().draw();代替oTable.clear();你需要告訴API來呈現的變化：

$("#office-select").change(function(){ 
    oTable.clear().draw(); 
    oTable.api().ajax.reload(); 
});