DataTables使用技巧小记

reload回调

var table = $('#example').DataTable({
	//表格初始化
});

table.ajax.reload(function (json) {
    //json是服务端返回的数据
});

使用场景：重新加载表格的同时需要显示一些额外的信息，比如分类统计信息。

初始化回调

var table = $('#example').DataTable({
	//表格初始化
	initComplete: function() {
		//表格初始化完成后执行，reload不执行
	}
});

使用场景：表格中使用了某些需要初始化的js组件，可以在此回调中初始化。

自定义AJAX请求参数

var table = $('#example').DataTable({
	ajax: {
		url: 'xxx',
		data: function (d) {
			d.xxx = xxx
		}
	},
	//表格初始化
});

如果需要在reload是修改请求参数，可以给一个函数来获取参数。

var table = $('#example').DataTable({
	ajax: {
		url: 'xxx',
		data: function (d) {
			d.xxx = getXXX()
		}
	},
	//表格初始化
});

var xxx = 'xxx';
var getXXX = function() {
	return xxx; //reload之前改掉xxx
}

使用场景：表格需要根据参数加载不同的内容。