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 has finished its initialisation.'); }
}); });

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) {

            // Bold the grade for all 'A' grade browsers

            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;

            // Send an Ajax request to the server to get the data. Note that

            // this is a synchronous request.

            $.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 = "";

        }

    });

});

Datatables中文API——回调函数的更多相关文章

  1. 【XLL 文档翻译】【第2部分】C API 回调函数 Excel4, Excel12

    Excel4 和 Excel12 函数使得 DLL 可以调用 Excel 工作表函数.宏表函数.命令.XLL特定函数或命令.最近的一些 Excel 版本都支持 Excel12 函数.这两个函数支持下面 ...

  2. 转 Datatables中文API——基本参数

    鉴于自己一直在使用datatables,发现这是个很不错的表格插件,但是好的东西都是英文的,所以我结合自己的使用经验,把官网的英文api做下简单的翻译,同时也希望大家把自己的使用经验一起分享出来,让我 ...

  3. $api 回调函数then应用

    getReceiveListAPI (param) { return new Promise(resolve => { let params = { // idCard: this.idCard ...

  4. [转载]fullPage.js中文api 配置参数~

    fullPage.js中文api 配置参数 选项 类型 默认值 说明 verticalCentered 字符串 true 内容是否垂直居中 resize 布尔值 false 字体是否随着窗口缩放而缩放 ...

  5. Datatables回调函数中文

    Datatables——回调函数 ------------------------------------------------- fnCookieCallback:还没有使用过 $(documen ...

  6. jQery Datatables回调函数中文

    Datatables——回调函数 ------------------------------------------------- fnCookieCallback:还没有使用过 $(documen ...

  7. JQuery插件datatables相关api

    学习可参考:http://www.guoxk.com/node/jquery-datatables http://yuemeiqing2008-163-com.iteye.com/blog/20069 ...

  8. 回调函数ros::spin()与ros::spinOnce()

    ros::spin() 这句话的意思是循环且监听反馈函数(callback).循环就是指程序运行到这里,就会一直在这里循环了.监听反馈函数的意思是,如果这个节点有callback函数,那写一句ros: ...

  9. Zookeeper C API 指南三(回调函数)(转)

    2013-02-21 12:54 by Haippy, 9237 阅读, 0 评论, 收藏, 编辑 接上一篇<Zookeeper C API 指南二(监视(Wathes), 基本常量和结构体介绍 ...

随机推荐

  1. Spring 循环引用(singleton与prototype初始化的区别)

    原文链接请参见:http://blog.csdn.net/u010723709/article/details/47185959

  2. C#控制台程序 使用 Server.MapPath,

    (1)添加引用 System.Web. (2)在类中填写 using System.Web 命名空间. (3)写法为: System.Web.HttpContext.Current.Server.Ma ...

  3. 蓝牙 MultipeerConnectivity

    在iOS7中,引入了一个全新的框架——Multipeer Connectivity(多点连接). 利用Multipeer Connectivity框架,即使在没有连接到WiFi(WLAN)或移动网络( ...

  4. C#中泛型容器Stack<T>

    我以前都是学出c,c++,这个学期开始学c#有点不适应,在编程中遇到些问题,所以自己在网上查了些资料,翻了一下书,写一些总结. 关于c#中Stack<T>泛型容器: <1>st ...

  5. MyBatis(3.2.3) - One-to-many mapping

    In the sample domain model, a tutor can teach one or more courses. This means that there is a one-to ...

  6. 对XML的操作

    对XML的操作主要使用到的语法示例: using System.Xml; private static string XmlMarketingStaff = AppDomain.CurrentDoma ...

  7. 设计模式——设计模式之禅day1

    单一职责 原则的定义是:应该有且仅有一个原因引起类的变更. 单一职责原则有什么好处: 类的复杂性降低,实现什么职责都有清晰明确的定义: 可读性提高,复杂性降低,那当然可读性提高了: 可维护性提高,可读 ...

  8. MDAC 在WINDOWS XP SP3 不能安装 的解决方法

    MDAC 在WINDOWS XP SP3 不能安装 的解决方法 解决步骤如下: c:/windows/inf 下找出mdac.inf 然后点右键->安装.在弹出提示路径选取c:/windows/ ...

  9. (二)Qt界面设计之菜单栏

    1.添加菜单项 直接输入菜单项名称,然后回车即可. 2.为菜单项设置图标 在动作编辑器上,右键选择编辑,然后添加图标 如果想在图标栏添加该菜单的快捷图标,直接将该动作项拖放只图标栏即可. 3.事件响应 ...

  10. 169. Majority Element My Submissions Question

    Total Accepted: 95925 Total Submissions: 239241 Difficulty: Easy Given an array of size n, find the ...