数据表页面更改回调

Question

我正在使用函数“fnDrawCallback”进行页面更改。它基本上解决了我的目的。唯一的事情是我必须在初始化 dataTable 对象时指定该函数。初始化后有什么办法可以做到吗？

例如： 我是这样做的：

$("#tableID").dataTables({'fnDrawCallBack':functionName});

我想这样做：

var oTable = $("#tableID").dataTables();
oTable.fnDrawCallback = functionName;    // or something like this

解决方案：

oTable.aoDrawCallback.push(functionObj);
var functionObj = {
   fn: funtionName
};

Answer 1

您可以访问 DataTables 的内部数据设置来操作绘图回调数组（内部是 aoDrawCallback，而不是 fnDrawCallback - 它是一个数组，因为可以有多个回调），或者（我建议）您可以添加一个 'draw ' 事件监听器：

var oTable = $("#tableID").dataTables();
$(oTable).bind( 'draw', functionName );

DataTables 触发的事件记录在这里：http://datatables.net/docs/DataTables/1.9.0/#summary_events

Answer 2

如果您的版本高于 1.8，您可以使用它来触发页面更改事件：

    $('#myTable').on('page', function () {...} );

希望这会有所帮助！

Answer 3

你可能看过这个 http://datatables.net/forums/discussion/2737/addchange-callback-after-initialization-or-else-clone-settings-to-re-build-table/p1

Answer 4

而不是两个单独的调用，只需在 .dataTable() 之前添加一个 .bind()，例如以下在页面更改时运行 setMouseDown 函数（包括渲染第一页）：

$('#myTable')
    .bind('page', setMouseDown())
    .dataTable( 
    { 
        bJQueryUI: true, 
        ... Other Init Stuff Here ... 
    });