预绘图
自:DataTables 1.10
预绘图事件 - 在表格准备重绘时触发。
描述
当 DataTables 启动绘图操作(最终导致触发 draw
事件)时会触发该事件,可用于告知您此状态。
也可以通过在事件处理程序中返回 false
来取消此绘图操作。请注意,如果您这样做,则会使表格处于不可预测的状态,因为所有设置不会重置为绘图操作之前的设置值——例如使用 order()
更改表格的排序,但是,如果取消了绘图操作,则数据在 DataTables 中仍会内部按顺序组织,只是不会显示。
请注意,与所有 DataTables 触发的事件一样,事件对象在其中拥有可以使用的 DataTables API 实例(第一个参数)。此外,这些事件使用 dt
命名空间触发。因此,要监听此事件,您还必须使用 dt
命名空间,只需在事件名称后添加 .dt
,如下面的示例所示。侦听器也应在表格初始化之前设置,否则,当尝试加载状态时,侦听器将不会设置,并且代码不会针对子行的初始显示运行。
类型
示例
记录绘图页面所需时间
var table = new DataTable('#myTable');
var startTime;
table
.on('preDraw', function () {
startTime = new Date().getTime();
})
.on('draw.dt', function () {
console.log('Redraw took at: ' + (new Date().getTime() - startTime) + 'mS');
});
相关
下列选项直接相关,并且在您的应用开发中可能也适用。