博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Datatables中文API——回调函数
阅读量:5965 次
发布时间:2019-06-19

本文共 6143 字,大约阅读时间需要 20 分钟。

hot3.png

Datatables中文API——回调函数 博客分类: js

 

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('A');            }        }    });});

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('A');            }        }    });});

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 = ""; } }); }); http://www.cnblogs.com/zhangwei595806165/p/3701463.html http://www.suchso.com/projecteactual/257.html

转载于:https://my.oschina.net/xiaominmin/blog/1598259

你可能感兴趣的文章
《zw版·Halcon-delphi系列原创教程》halconxlib控件列表
查看>>
List与数组的相互转换
查看>>
Computer Science Theory for the Information Age-4: 一些机器学习算法的简介
查看>>
socketserver模块使用方法
查看>>
json模块
查看>>
各型号英特尔CUP的功率
查看>>
scanf()中的%c 不能正常输入的问题
查看>>
常见排序算法及对应的时间复杂度和空间复杂度
查看>>
业界 | 在德州叫一辆自动驾驶车,Drive.ai安排了7辆无人车展开真实试验
查看>>
实时数据平台设计:解决从OLTP到OLAP实时流转缺失
查看>>
三家公司在SD-WAN方面的新动作
查看>>
C#在PDF中如何以不同颜色高亮文本
查看>>
在同一页面显示多个JavaScript统计图表
查看>>
Mac电脑Tomcat下载及安装(详细)MAC在Eclipse里配置tomcat
查看>>
多线程之-----------定时器
查看>>
C#语法——反射,架构师的入门基础。
查看>>
Beego Models 之 一
查看>>
代码生成工具Database2Sharp中增加视图的代码生成以及主从表界面生成功能
查看>>
Kubernetes部署的最佳安全实践
查看>>
理解C语言——从小菜到大神的晋级之路(8)——数组、指针和字符串
查看>>