Datatables中文API——回调函数

推荐是用ctrl+f查找使用，有写的不对的地方，也希望大家拍砖

更多datatables在http://bbs.sailit.cn 欢迎大家来做客

fnCookieCallback：还没有使用过

$(document).ready( function () {

$('#example').dataTable( {

"fnCookieCallback": function (sName, oData, sExpires, sPath) {

// Customise oData or sName or whatever else here

return sName + "="+JSON.stringify(oData)+"; expires=" + sExpires +"; path=" + sPath;

}

} );

} );

fnCreatedRow：顾名思义，创建行得时候的回调函数

$(document).ready( function() {

$('#example').dataTable( {

"fnCreatedRow": function( nRow, aData, iDataIndex ) {

// 为a的话字体加粗

if ( aData[4] == "A" )

{

$('td:eq(4)', nRow).html( '<b>A</b>' );

}

}

} );

} );

复制代码

fnDrawCallback：draw画 ，这个应该是重绘的回调函数

$(document).ready( function() {

$('#example').dataTable( {

"fnDrawCallback": function( oSettings ) {

alert( 'DataTables 重绘了' );

}

} );

} );

fnFooterCallback：底部的回调函数，这个可以用来做总计之类的功能

$(document).ready( function() {

$('#example').dataTable( {

"fnFooterCallback": function( nFoot, aData, iStart, iEnd, aiDisplay ) {

nFoot.getElementsByTagName('th')[0].innerHTML = "Starting index is "+iStart;

}

} );

} )

fnFormatNumber：顾名思义，格式化数字的显示方式

$(document).ready( function() {

$('#example').dataTable( {

"fnFormatNumber": function ( iIn ) {

if ( iIn < 1000 ) {

return iIn;

} else {

var

s=(iIn+""),

a=s.split(""), out="",

iLen=s.length;



for ( var i=0 ; i<iLen ; i++ ) {

if ( i%3 === 0 && i !== 0 ) {

out = "'"+out;

}

out = a[iLen-i-1]+out;

}

}

return out;

};

} );

} );

fnHeaderCallback：表头的回调函数

$(document).ready( function() {

$('#example').dataTable( {

"fnHeaderCallback": function( nHead, aData, iStart, iEnd, aiDisplay ) {

nHead.getElementsByTagName('th')[0].innerHTML = "Displaying "+(iEnd-iStart)+" records";

}

} );

} )

fnInfoCallback：datatables信息的回调函数

$('#example').dataTable( {

"fnInfoCallback": function( oSettings, iStart, iEnd, iMax, iTotal, sPre ) {

return iStart +" to "+ iEnd;

}

} );

fnInitComplete：datatables初始化完毕后会调用这个方法

$(document).ready( function() {

$('#example').dataTable( {

"fnInitComplete": function(oSettings, json) {

alert( 'DataTables 初始化完毕' );

}

} );

} )

fnPreDrawCallback：每一次绘datatables时候调用的方法

$(document).ready( function() {

$('#example').dataTable( {

"fnPreDrawCallback": function( oSettings ) {

if ( $('#test').val() == 1 ) {

return false;

}

}

} );

} );

fnRowCallback：行的回调函数（所有行得回调函数）

$(document).ready( function() {

$('#example').dataTable( {

"fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {

// 所有的a都加粗

if ( aData[4] == "A" )

{

$('td:eq(4)', nRow).html( '<b>A</b>' );

}

}

} );

} );

fnServerData：这个是结合服务器模式的回调函数，用来处理服务器返回过来的数据

// POST data to server

$(document).ready( function() {

$('#example').dataTable( {

"bProcessing": true,

"bServerSide": true,

"sAjaxSource": "xhr.php",

"fnServerData": function ( sSource, aoData, fnCallback, oSettings ) {

oSettings.jqXHR = $.ajax( {

"dataType": 'json',

"type": "POST",

"url": sSource,

"data": aoData,

"success": fnCallback

} );

}

} );

} );

fnServerParams：向服务器传额外的参数

$(document).ready( function() {

$('#example').dataTable( {

"bProcessing": true,

"bServerSide": true,

"sAjaxSource": "scripts/server_processing.php",

"fnServerParams": function ( aoData ) {

aoData.push( { "name": "more_data", "value": "my_value" } );

}

} );

} );

fnStateLoad：读取状态的回调函数

$(document).ready( function() {

$('#example').dataTable( {

"bStateSave": true,

"fnStateLoad": function (oSettings) {

var o;





//发送一个异步请求给服务器来返回数据

//这是个同步的发送

$.ajax( {

"url": "/state_load",

"async": false,

"dataType": "json",

"success": function (json) {

o = json;

}

} );



return o;

}

} );

} );

fnStateLoadParams：和上面的不知道什么区别，没用过

// Remove a saved filter, so filtering is never loaded

$(document).ready( function() {

$('#example').dataTable( {

"bStateSave": true,

"fnStateLoadParams": function (oSettings, oData) {

oData.oSearch.sSearch = "";

}

} );

} );

// Disallow state loading by returning false

$(document).ready( function() {

$('#example').dataTable( {

"bStateSave": true,

"fnStateLoadParams": function (oSettings, oData) {

return false;

}

} );

} );

fnStateLoaded：又是这个，加了ed 不知道意思没用过

// Show an alert with the filtering value that was saved

$(document).ready( function() {

$('#example').dataTable( {

"bStateSave": true,

"fnStateLoaded": function (oSettings, oData) {

alert( 'Saved filter was: '+oData.oSearch.sSearch );

}

} );

} );

fnStateSave：状态储存

$(document).ready( function() {

$('#example').dataTable( {

"bStateSave": true,

"fnStateSave": function (oSettings, oData) {

// Send an Ajax request to the server with the state object

$.ajax( {

"url": "/state_save",

"data": oData,

"dataType": "json",

"method": "POST"

"success": function () {}

} );

}

} );

} );

fnStateSaveParams ：状态储存参数，没用过，不明白

// Remove a saved filter, so filtering is never saved

$(document).ready( function() {

$('#example').dataTable( {

"bStateSave": true,

"fnStateSaveParams": function (oSettings, oData) {

oData.oSearch.sSearch = "";

}

} );

} );