删除数据表中，而服务器端的处理

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(); 
});