Datatables中文API——回调函数

简介: fnCookieCallback:还没有使用过 $(document).ready(function () { $('#example').dataTable({ "fnCookieCallback": function (sName, oData, sExpi...

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

        }

    });

});
目录
相关文章
|
2月前
|
API
LangChain-19 TokenUsage 通过回调函数 只需一行 统计当前调用API的花费情况 包含Tokens数量和Cost花费
LangChain-19 TokenUsage 通过回调函数 只需一行 统计当前调用API的花费情况 包含Tokens数量和Cost花费
37 3
LangChain-19 TokenUsage 通过回调函数 只需一行 统计当前调用API的花费情况 包含Tokens数量和Cost花费
|
3月前
|
小程序 前端开发 API
微信小程序 - 调用微信 API 回调函数内拿不到 this 问题(解决方案)
本文讨论了在微信小程序中调用API回调函数时无法获取到`this`上下文的问题,并提供了解决方案。在回调函数中,使用一个变量(如`that`)来保存当前的`this`引用,然后在回调内部使用这个变量来访问当前页面的数据和方法。
|
8天前
|
人工智能 自然语言处理 API
Multimodal Live API:谷歌推出新的 AI 接口,支持多模态交互和低延迟实时互动
谷歌推出的Multimodal Live API是一个支持多模态交互、低延迟实时互动的AI接口,能够处理文本、音频和视频输入,提供自然流畅的对话体验,适用于多种应用场景。
48 3
Multimodal Live API:谷歌推出新的 AI 接口,支持多模态交互和低延迟实时互动
|
3天前
|
前端开发 API 数据库
Next 编写接口api
Next 编写接口api
|
9天前
|
XML JSON 缓存
阿里巴巴商品详情数据接口(alibaba.item_get) 丨阿里巴巴 API 实时接口指南
阿里巴巴商品详情数据接口(alibaba.item_get)允许商家通过API获取商品的详细信息,包括标题、描述、价格、销量、评价等。主要参数为商品ID(num_iid),支持多种返回数据格式,如json、xml等,便于开发者根据需求选择。使用前需注册并获得App Key与App Secret,注意遵守使用规范。
|
8天前
|
JSON API 开发者
淘宝买家秀数据接口(taobao.item_review_show)丨淘宝 API 实时接口指南
淘宝买家秀数据接口(taobao.item_review_show)可获取买家上传的图片、视频、评论等“买家秀”内容,为潜在买家提供真实参考,帮助商家优化产品和营销策略。使用前需注册开发者账号,构建请求URL并发送GET请求,解析响应数据。调用时需遵守平台规定,保护用户隐私,确保内容真实性。
|
8天前
|
搜索推荐 数据挖掘 API
淘宝天猫商品评论数据接口丨淘宝 API 实时接口指南
淘宝天猫商品评论数据接口(Taobao.item_review)提供全面的评论信息,包括文字、图片、视频评论、评分、追评等,支持实时更新和高效筛选。用户可基于此接口进行数据分析,支持情感分析、用户画像构建等,同时确保数据使用的合规性和安全性。使用步骤包括注册开发者账号、创建应用获取 API 密钥、发送 API 请求并解析返回数据。适用于电商商家、市场分析人员和消费者。
|
18天前
|
JSON API 开发工具
淘宝实时 API 接口丨淘宝商品详情接口(Taobao.item_get)
淘宝商品详情接口(Taobao.item_get)允许开发者获取商品的详细信息,包括基本信息、描述、卖家资料、图片、属性及销售情况等。开发者需注册账号、创建应用并获取API密钥,通过构建请求获取JSON格式数据,注意遵守平台规则,合理使用接口,确保数据准确性和时效性。
|
19天前
|
JSON 安全 API
Python调用API接口的方法
Python调用API接口的方法
86 5
|
19天前
|
JSON 缓存 监控
淘宝商品详情接口(Taobao.item_get)丨淘宝API接口指南
淘宝商品详情接口(Taobao.item_get)允许开发者通过HTTP GET方法获取淘宝商品的详细信息,包括商品ID、价格、库存等。请求需包含key、secret、num_iid等必选参数,支持缓存及多种返回格式。此接口广泛应用于电商数据分析、商品选品、价格监控等领域,提升商家运营效率。
下一篇
DataWorks