{hero}

预绘图

自:DataTables 1.10

预绘图事件 - 在表格准备重绘时触发。

描述

当 DataTables 启动绘图操作(最终导致触发 draw 事件)时会触发该事件,可用于告知您此状态。

也可以通过在事件处理程序中返回 false 来取消此绘图操作。请注意,如果您这样做,则会使表格处于不可预测的状态,因为所有设置不会重置为绘图操作之前的设置值——例如使用 order() 更改表格的排序,但是,如果取消了绘图操作,则数据在 DataTables 中仍会内部按顺序组织,只是不会显示。

请注意,与所有 DataTables 触发的事件一样,事件对象在其中拥有可以使用的 DataTables API 实例(第一个参数)。此外,这些事件使用 dt 命名空间触发。因此,要监听此事件,您还必须使用 dt 命名空间,只需在事件名称后添加 .dt,如下面的示例所示。侦听器也应在表格初始化之前设置,否则,当尝试加载状态时,侦听器将不会设置,并且代码不会针对子行的初始显示运行。

类型

函数 函数 (e, settings )

参数

示例

记录绘图页面所需时间

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

相关

下列选项直接相关,并且在您的应用开发中可能也适用。