Thay đổi trang có thể thay đổi trang gọi lại

Question

Tôi đang sử dụng chức năng 'fnDrawCallback' để thay đổi trang. Về cơ bản nó giải quyết được mục đích của tôi. Điều duy nhất là tôi phải chỉ định hàm đó khi tôi đang khởi tạo đối tượng dataTable. Có cách nào tôi có thể làm điều đó sau khi khởi tạo?

Ví dụ: tôi đang làm như thế này:

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

tôi muốn làm như thế này:

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

Giải pháp:

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

Answer 1

Bạn có thể truy cập cài đặt dữ liệu nội bộ của DataTables để thao tác mảng gọi lại vẽ (aoDrawCallback, không phải fnDrawCallback trong nội bộ - mảng của nó vì có thể có nhiều cuộc gọi lại) hoặc (và tôi sẽ đề xuất) bạn có thể thêm 'vẽ 'nghe sự kiện:

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

các sự kiện sa thải bởi DataTables được ghi nhận ở đây: http://datatables.net/docs/DataTables/1.9.0/#summary_events

Answer 2

Bạn có thể thấy này http://datatables.net/forums/discussion/2737/addchange-callback-after-initialization-or-else-clone-settings-to-re-build-table/p1

Answer 3

NẾU bạn có một phiên bản lớn hơn 1.8, bạn có thể sử dụng để đạt các sự kiện thay đổi trang:

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

Hy vọng điều này sẽ hữu ích!

Answer 4

Thay vì hai cuộc gọi riêng biệt, chỉ cần thêm một .bind() trước khi .dataTable(), như sau đó chạy một hàm setMouseDown bất cứ khi nào có sự thay đổi trang xảy ra (kể cả hiển thị trang đầu tiên):

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