在服务器端处理时删除数据表

Question

我有这段代码：

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

其中oTable是我的数据表。一切正常，但我希望在新表加载时隐藏旧表。应该只显示一个微调器。

我尝试了以下几点：

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

但它不起作用。关于如何实现这一点的任何想法？

Answer 1

尝试oTable.clear().draw();而不是oTable.clear();您需要告诉API提交更改：

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

Answer 2

您可以使用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();
});